intergalactic 15.120.0-prerelease.0 → 15.121.0-prerelease.2

package/illustration/Timeout/index.js

@@ -38,6 +38,7 @@ const Timeout = ({ fill = "none", width = "260", height = "260", viewBox = "0 0
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M58.36 212.2a105.26 105.26 0 0 0 74.67 30.93v7.25a2.61 2.61 0 0 0 2.68 2.62c61.67-1.4 111.41-51.13 112.8-112.81a2.62 2.62 0 0 0-2.62-2.66h-7.24c0-58.32-47.28-105.6-105.6-105.6V24.7a2.64 2.64 0 0 0-2.68-2.62c-28.8.63-56.3 12.02-77.11 31.93a2.62 2.62 0 0 0 0 3.74l5.1 5.12a105.28 105.28 0 0 0-30.92 74.66H20.2a2.63 2.63 0 0 0-2.63 2.66c.63 28.79 12.02 56.3 31.94 77.1a2.6 2.6 0 0 0 3.73 0l5.11-5.08Z",

package/illustration/Timeout/index.mjs

@@ -13,6 +13,7 @@ const Timeout = ({ fill = "none", width = "260", height = "260", viewBox = "0 0
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M58.36 212.2a105.26 105.26 0 0 0 74.67 30.93v7.25a2.61 2.61 0 0 0 2.68 2.62c61.67-1.4 111.41-51.13 112.8-112.81a2.62 2.62 0 0 0-2.62-2.66h-7.24c0-58.32-47.28-105.6-105.6-105.6V24.7a2.64 2.64 0 0 0-2.68-2.62c-28.8.63-56.3 12.02-77.11 31.93a2.62 2.62 0 0 0 0 3.74l5.1 5.12a105.28 105.28 0 0 0-30.92 74.66H20.2a2.63 2.63 0 0 0-2.63 2.66c.63 28.79 12.02 56.3 31.94 77.1a2.6 2.6 0 0 0 3.73 0l5.11-5.08Z",

package/illustration/UnderConstruction/index.js

@@ -38,6 +38,7 @@ const UnderConstruction = ({ fill = "none", width = "80", height = "80", viewBox
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M40.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",

package/illustration/UnderConstruction/index.mjs

@@ -13,6 +13,7 @@ const UnderConstruction = ({ fill = "none", width = "80", height = "80", viewBox
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M40.531 75.095C62.515 74.811 80 56.483 80 34.51V18.985a.99.99 0 0 0-.985-.997H53.34V3.996A1 1 0 0 0 52.344 3H27.667a1 1 0 0 0-.997.996v6.493H.996a.993.993 0 0 0-.996.996v23.616C0 57.37 18.196 75.39 40.531 75.095Z",

package/illustration/VennChart/index.js

@@ -38,6 +38,7 @@ const VennChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",

package/illustration/VennChart/index.mjs

@@ -13,6 +13,7 @@ const VennChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M3 40.987C3.497 61.968 20.301 78.59 41.245 79c.497 0 .91-.411.91-.905v-2.468C61.94 75.627 78 59.665 78 40 78 20.335 61.94 4.373 42.156 4.373V1.905A.916.916 0 0 0 41.245 1a39.36 39.36 0 0 0-26.159 10.778.89.89 0 0 0 0 1.235l1.739 1.728C10.367 21.157 6.31 30.044 6.31 39.918H3.828c-.414.164-.828.576-.828 1.07Z",

package/illustration/VerticalBarChart/index.js

@@ -38,6 +38,7 @@ const VerticalBarChart = ({ fill = "none", width = "80", height = "80", viewBox
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",

package/illustration/VerticalBarChart/index.mjs

@@ -13,6 +13,7 @@ const VerticalBarChart = ({ fill = "none", width = "80", height = "80", viewBox
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M40.585 78.997C61.996 78.727 79 60.873 79 39.412V1.992A1 1 0 0 0 78.01 1H53.99a1 1 0 0 0-.99.992v2.705H27.99a1 1 0 0 0-.99.992v34.355H1.99a1 1 0 0 0-.99.991c.63 21.19 18.173 38.232 39.585 37.962Z",

package/illustration/Waiting/index.js

@@ -38,6 +38,7 @@ const Waiting = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",

package/illustration/Waiting/index.mjs

@@ -13,6 +13,7 @@ const Waiting = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M39.996 4.245V1.884c0-.52-.455-.942-.975-.877C19.45 3.227 4.256 19.84 4.256 39.996H1.884c-.52 0-.942.454-.877.974 2.22 19.57 18.833 34.765 38.989 34.765v2.361c0 .52.454.943.974.878 19.57-2.22 34.765-18.834 34.765-38.99h2.372c.52 0 .942-.454.888-.974-2.22-19.57-18.834-34.765-38.989-34.765",

package/illustration/Warning/index.js

@@ -38,6 +38,7 @@ const Warning = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ import_react.default.createElement("path", {
     d: "M40.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",

package/illustration/Warning/index.mjs

@@ -13,6 +13,7 @@ const Warning = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80
     viewBox,
     fill,
     tag: "svg",
+    "aria-hidden": true,
     ...props
   }, /* @__PURE__ */ React.createElement("path", {
     d: "M40.51 79.997C62.49 79.714 79.977 61.39 79.977 39.4V.99a.994.994 0 0 0-.99-.99H54.306a.994.994 0 0 0-.99.99v2.753H27.638a.994.994 0 0 0-.99.99v35.265H.991A.985.985 0 0 0 0 41.01c.544 21.806 18.52 39.27 40.52 38.987",

package/illustration/lib/cjs/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getIllustrationPath = void 0;
-var version = "2.40.0";
+var version = "2.41.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`

package/illustration/lib/es6/index.js

@@ -1,4 +1,4 @@
-var version = "2.40.0";
+var version = "2.41.0";
 
 /**
  * Formats string from `access_denied` or `access-denied` to `AccessDenied`

package/illustration/package.json

@@ -1 +1 @@
-{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.40.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.39.0","colorjs.io":"0.4.3"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","svg-to-jsx":"^1.0.4","@types/react":"18.0.21"}}
+{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.41.0-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm clear && pnpm semcore-builder --source=js && pnpm run transform","transform":"tsm --require=../../.ci/tsm-filter-warnings.js transform.ts","clear":"tsm --require=../../.ci/tsm-filter-warnings.js clear.ts","upload-static":"gcs-upload svg/*.svg"},"dependencies":{"@babel/runtime":"^7.17.9","@semcore/flex-box":"5.39.1-prerelease.2","colorjs.io":"0.4.3"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/illustration"},"devDependencies":{"esbuild":"0.14.29","happy-dom":"9.20.3","svg-to-jsx":"^1.0.4","@types/react":"18.0.21"}}

package/inline-edit/lib/cjs/InlineEdit.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -24,10 +25,10 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
 /*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_v6mny_gg_{display:inline-block;position:relative}.___SEdit_v6mny_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_v6mny_gg_{cursor:pointer}.___SView_v6mny_gg_:active,.___SView_v6mny_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "v6mny_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineEdit": "___SInlineEdit_v6mny_gg_",
-  "__SEdit": "___SEdit_v6mny_gg_",
-  "__SView": "___SView_v6mny_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_yqveg_gg_{display:inline-block;position:relative}.___SEdit_yqveg_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_yqveg_gg_{cursor:pointer}.___SView_yqveg_gg_:active,.___SView_yqveg_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "yqveg_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_yqveg_gg_",
+  "__SEdit": "___SEdit_yqveg_gg_",
+  "__SView": "___SView_yqveg_gg_"
 });
 var InlineEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(InlineEdit, _Component);
@@ -119,6 +120,22 @@ var InlineEdit = /*#__PURE__*/function (_Component) {
   i18n: _intergalacticDynamicLocales.localizedMessages,
   locale: 'en'
 });
+var useHidden = function useHidden(visible) {
+  var _React$useState = _react["default"].useState(true),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    hidden = _React$useState2[0],
+    setHidden = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    if (visible) {
+      setHidden(false);
+    } else {
+      setTimeout(function () {
+        setHidden(true);
+      }, 200);
+    }
+  }, [visible]);
+  return hidden;
+};
 var Edit = function Edit(props) {
   var _ref2 = arguments[0],
     _ref5;
@@ -129,10 +146,11 @@ var Edit = function Edit(props) {
   var duration = _react["default"].useMemo(function () {
     return parseInt(durationStr, 10);
   }, [durationStr]);
+  var hidden = useHidden(Boolean(visible));
   return _ref5 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SEdit, _ref5.cn("SEdit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "visible": visible,
     "duration": duration,
-    "aria-hidden": visible ? undefined : 'true',
+    "aria-hidden": hidden ? 'true' : undefined,
     "exiting": !visible,
     "ref": ref
   }, _ref2))));
@@ -150,12 +168,13 @@ var View = function View(props) {
     }
   }, [visible, props.onEdit]);
   var textContent = (0, _reactToText["default"])((0, _getOriginChildren["default"])(props.Children)).trim();
+  var hidden = useHidden(Boolean(visible));
   return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SView, _ref6.cn("SView", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "visible": visible,
     "preserveNode": true,
     "tabIndex": 0,
     "role": 'button',
-    "aria-hidden": visible ? undefined : 'true',
+    "aria-hidden": hidden ? 'true' : undefined,
     "aria-label": "".concat(props.getI18nText('tapToEdit'), ": ").concat(textContent),
     "onClick": visible ? props.onEdit : undefined,
     "onKeyDown": handleKeyDown

package/inline-edit/lib/cjs/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","_index","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","Box","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray2","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","FadeInOut","useRef","durationStr","useCssVariable","duration","useMemo","parseInt","Boolean","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","reactToText","getOriginChildren","trim","concat","_default","createComponent","exports"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":"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"}

package/inline-edit/lib/es6/InlineEdit.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -19,10 +20,10 @@ import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 /*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_v6mny_gg_{display:inline-block;position:relative}.___SEdit_v6mny_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_v6mny_gg_{cursor:pointer}.___SView_v6mny_gg_:active,.___SView_v6mny_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "v6mny_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineEdit": "___SInlineEdit_v6mny_gg_",
-  "__SEdit": "___SEdit_v6mny_gg_",
-  "__SView": "___SView_v6mny_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_yqveg_gg_{display:inline-block;position:relative}.___SEdit_yqveg_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_yqveg_gg_{cursor:pointer}.___SView_yqveg_gg_:active,.___SView_yqveg_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "yqveg_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_yqveg_gg_",
+  "__SEdit": "___SEdit_yqveg_gg_",
+  "__SView": "___SView_yqveg_gg_"
 });
 var InlineEdit = /*#__PURE__*/function (_Component) {
   _inherits(InlineEdit, _Component);
@@ -114,6 +115,22 @@ _defineProperty(InlineEdit, "defaultProps", {
   i18n: localizedMessages,
   locale: 'en'
 });
+var useHidden = function useHidden(visible) {
+  var _React$useState = React.useState(true),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    hidden = _React$useState2[0],
+    setHidden = _React$useState2[1];
+  React.useEffect(function () {
+    if (visible) {
+      setHidden(false);
+    } else {
+      setTimeout(function () {
+        setHidden(true);
+      }, 200);
+    }
+  }, [visible]);
+  return hidden;
+};
 var Edit = function Edit(props) {
   var _ref2 = arguments[0],
     _ref5;
@@ -124,10 +141,11 @@ var Edit = function Edit(props) {
   var duration = React.useMemo(function () {
     return parseInt(durationStr, 10);
   }, [durationStr]);
+  var hidden = useHidden(Boolean(visible));
   return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SEdit, _ref5.cn("SEdit", _objectSpread({}, _assignProps2({
     "visible": visible,
     "duration": duration,
-    "aria-hidden": visible ? undefined : 'true',
+    "aria-hidden": hidden ? 'true' : undefined,
     "exiting": !visible,
     "ref": ref
   }, _ref2))));
@@ -145,12 +163,13 @@ var View = function View(props) {
     }
   }, [visible, props.onEdit]);
   var textContent = reactToText(getOriginChildren(props.Children)).trim();
+  var hidden = useHidden(Boolean(visible));
   return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SView, _ref6.cn("SView", _objectSpread({}, _assignProps3({
     "visible": visible,
     "preserveNode": true,
     "tabIndex": 0,
     "role": 'button',
-    "aria-hidden": visible ? undefined : 'true',
+    "aria-hidden": hidden ? 'true' : undefined,
     "aria-label": "".concat(props.getI18nText('tapToEdit'), ": ").concat(textContent),
     "onClick": visible ? props.onEdit : undefined,
     "onKeyDown": handleKeyDown

package/inline-edit/lib/es6/InlineEdit.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","Edit","_ref2","arguments[0]","_ref5","visible","SEdit","useRef","durationStr","duration","useMemo","parseInt","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={visible ? undefined : 'true'}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={visible ? undefined : 'true'}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IACpBC,SAAS,EACTC,OAAO,EACPC,IAAI,QAGC,eAAe;AACtB,SAASC,GAAG,QAAkB,mBAAmB;AACjD,SAASC,SAAS,QAAwB,oBAAoB;AAC9D,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,iBAAiB,MAAM,sCAAsC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAa/DC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAcd,SAAAA,WAAYK,KAAU,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,UAAA;IACtBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAAEI,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,2BAHLrB,KAAK,CAAC0B,SAAS,EAAe;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,yBAiCnB,UAACM,KAA0B,EAAK;MACnD,IAAIN,KAAA,CAAKO,OAAO,CAACC,OAAO,KAAKF,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,QAAQ,CAAC,EAAE;QAAA,IAAAC,qBAAA;QAC7EJ,KAAK,CAACK,cAAc,EAAE;QACtB,CAAAD,qBAAA,GAAAV,KAAA,CAAKO,OAAO,CAACC,OAAO,cAAAE,qBAAA,uBAApBA,qBAAA,CAAsBE,KAAK,EAAE;MAC/B;IACF,CAAC;IAlCCZ,KAAA,CAAKa,YAAY,GAAGb,KAAA,CAAKa,YAAY,CAACC,IAAI,CAAAV,sBAAA,CAAAJ,KAAA,EAAM;IAAC,OAAAA,KAAA;EACnD;EAACe,YAAA,CAAArB,UAAA;IAAAe,GAAA;IAAAO,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLC,QAAQ,EAAE;MACZ,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAO,KAAA,EAED,SAAAG,aAAA,EAAe;MACb,IAAAC,aAAA,GAAkC,IAAI,CAACC,OAAO;QAAtCH,QAAQ,GAAAE,aAAA,CAARF,QAAQ;QAAEI,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAE7B,OAAO;QACLJ,QAAQ,EAARA,QAAQ;QACRK,MAAM,EAAE,IAAI,CAACV,YAAY;QACzBS,WAAW,EAAXA,WAAW;QACXE,GAAG,EAAE,IAAI,CAACjB;MACZ,CAAC;IACH;EAAC;IAAAE,GAAA;IAAAO,KAAA,EAED,SAAAS,aAAA,EAAe;MACb,IAAQP,QAAQ,GAAK,IAAI,CAACG,OAAO,CAAzBH,QAAQ;MAEhB,OAAO;QACLA,QAAQ,EAARA,QAAQ;QACRQ,SAAS,EAAE,IAAI,CAACC;MAClB,CAAC;IACH;EAAC;IAAAlB,GAAA;IAAAO,KAAA,EASD,SAAAH,aAAA,EAAe;MACb,IAAI,CAACe,QAAQ,CAACV,QAAQ,CAAC,IAAI,CAAC;IAC9B;EAAC;IAAAT,GAAA;IAAAO,KAAA,EAED,SAAAa,mBAAmBC,SAAkB,EAAE;MAAA,IAAAC,MAAA;MACrC,IAAQb,QAAQ,GAAK,IAAI,CAACnB,KAAK,CAAvBmB,QAAQ;MAChB,IAAIY,SAAS,CAACZ,QAAQ,KAAKA,QAAQ,IAAIA,QAAQ,KAAK,KAAK,EAAE;QACzDc,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA;UACf,CAAAA,qBAAA,GAAAF,MAAI,CAACxB,OAAO,CAACC,OAAO,cAAAyB,qBAAA,uBAApBA,qBAAA,CAAsBrB,KAAK,EAAE;QAC/B,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAH,GAAA;IAAAO,KAAA,EAED,SAAAkB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAd,OAAA;QAAAe,KAAA;MACP,IAAMC,WAAW,GAUMrD,GAAG;MAT1B,IAAAsD,cAAA,GAAoD,IAAI,CAACjB,OAAO;QAAxDkB,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAYC,WAAW,GAAAF,cAAA,CAArBG,QAAQ;QAAeC,MAAM,GAAAJ,cAAA,CAANI,MAAM;MAE/C,IAAI,CAACF,WAAW,EAAE;QAChB,MAAM,IAAIG,KAAK,CACb,kKAAkK,CACnK;MACH;MAEA,OAAAP,KAAA,GAAOtD,OAAO,CAAC4D,MAAM,CAAC,eACpB/D,KAAA,CAAAiE,aAAA,CAACP,WAAW,EAAAD,KAAA,CAAAS,EAAA,gBAAAC,aAAA,KAAAC,YAAA,KAAAZ,IAAA,kBACVxD,KAAA,CAAAiE,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAAnD,UAAA;AAAA,EAhFsBb,SAAS;AAAAsB,eAAA,CAA5BT,UAAU,iBACO,YAAY;AAAAS,eAAA,CAD7BT,UAAU,WAGCH,KAAK;AAAAY,eAAA,CAHhBT,UAAU,aAIG,CAACP,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAiB,eAAA,CAJ7CT,UAAU,kBAMQ;EACpBsD,eAAe,EAAE,KAAK;EACtBC,IAAI,EAAE/D,iBAAiB;EACvBgE,MAAM,EAAE;AACV,CAAC;AAyEH,IAAMC,IAAuB,GAAG,SAA1BA,IAAuBA,CAAIpD,KAAK,EAAK;EAAA,IAAAqD,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMC,OAAO,GAAGxD,KAAK,CAACmB,QAAQ;EAC9B,IAAMsC,KAAK,GAOCvE,SAAS;EANrB,IAAMuC,GAAG,GAAG7C,KAAK,CAAC8E,MAAM,EAAE;EAC1B,IAAMC,WAAW,GAAGtE,cAAc,CAAC,kCAAkC,EAAE,KAAK,EAAEoC,GAAG,CAAC;EAClF,IAAMmC,QAAQ,GAAGhF,KAAK,CAACiF,OAAO,CAAC;IAAA,OAAMC,QAAQ,CAACH,WAAW,EAAE,EAAE,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EAE9E,OAAAJ,KAAA,GAAOxE,OAAO,CAACiB,KAAK,CAAC2C,MAAM,CAAC,eAC1B/D,KAAA,CAAAiE,aAAA,CAACY,KAAK,EAAAF,KAAA,CAAAT,EAAA,UAAAC,aAAA,KAAAgB,aAAA;IAAA,WAEKP,OAAO;IAAA,YACNI,QAAQ;IAAA,eACLJ,OAAO,GAAGQ,SAAS,GAAG,MAAM;IAAA,WAChC,CAACR,OAAO;IAAA,OACZ/B;EAAG,GAAA4B,KAAA,IACR;AAEN,CAAC;AAED,IAAMY,IAAuB,GAAG,SAA1BA,IAAuBA,CAAIjE,KAAK,EAAK;EAAA,IAAAkE,KAAA,GAAAZ,YAAA;IAAAa,KAAA;EACzC,IAAMX,OAAO,GAAG,CAACxD,KAAK,CAACmB,QAAQ;EAC/B,IAAMiD,KAAK,GAgBClF,SAAS;EAdrB,IAAMmF,aAAa,GAAGzF,KAAK,CAAC0F,WAAW,CACrC,UAAC/D,KAA0B,EAAK;IAC9B,IAAI,CAACiD,OAAO,EAAE;IACd,IAAIxD,KAAK,CAACwB,MAAM,KAAKjB,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,CAAC,EAAE;MAChEH,KAAK,CAACK,cAAc,EAAE;MACtBZ,KAAK,CAACwB,MAAM,EAAE;IAChB;EACF,CAAC,EACD,CAACgC,OAAO,EAAExD,KAAK,CAACwB,MAAM,CAAC,CACxB;EACD,IAAM+C,WAAW,GAAGjF,WAAW,CAACC,iBAAiB,CAACS,KAAK,CAACwC,QAAQ,CAAC,CAAC,CAACgC,IAAI,EAAE;EAEzE,OAAAL,KAAA,GAAOpF,OAAO,CAACiB,KAAK,CAAC2C,MAAM,CAAC,eAC1B/D,KAAA,CAAAiE,aAAA,CAACuB,KAAK,EAAAD,KAAA,CAAArB,EAAA,UAAAC,aAAA,KAAA0B,aAAA;IAAA,WAEKjB,OAAO;IAAA;IAAA,YAEN,CAAC;IAAA,QACN,QAAQ;IAAA,eACAA,OAAO,GAAGQ,SAAS,GAAG,MAAM;IAAA,iBAAAU,MAAA,CAC1B1E,KAAK,CAACuB,WAAW,CAAC,WAAW,CAAC,QAAAmD,MAAA,CAAKH,WAAW;IAAA,WACpDf,OAAO,GAAGxD,KAAK,CAACwB,MAAM,GAAGwC,SAAS;IAAA,aAChCK;EAAa,GAAAH,KAAA,IACxB;AAEN,CAAC;AAiBD,eAAerF,eAAe,CAACc,UAAU,EAAE;EACzCyD,IAAI,EAAJA,IAAI;EACJa,IAAI,EAAJA;AACF,CAAC,CAAC"}
+{"version":3,"file":"InlineEdit.js","names":["React","createComponent","Component","sstyled","Root","Box","FadeInOut","localizedMessages","i18nEnhance","useCssVariable","reactToText","getOriginChildren","style","_sstyled","insert","InlineEdit","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","event","viewRef","current","key","_this$viewRef$current","preventDefault","focus","handleOnEdit","bind","_createClass","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","componentDidUpdate","prevProps","_this2","setTimeout","_this2$viewRef$curren","render","_ref","_ref4","SInlineEdit","_this$asProps2","Children","hasChildren","children","styles","Error","createElement","cn","_objectSpread","_assignProps","defaultEditable","i18n","locale","useHidden","visible","_React$useState","useState","_React$useState2","_slicedToArray","hidden","setHidden","useEffect","Edit","_ref2","arguments[0]","_ref5","SEdit","useRef","durationStr","duration","useMemo","parseInt","Boolean","_assignProps2","undefined","View","_ref3","_ref6","SView","handleKeyDown","useCallback","textContent","trim","_assignProps3","concat"],"sources":["../../src/InlineEdit.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, {\n  Component,\n  sstyled,\n  Root,\n  Intergalactic,\n  PropGetterFn,\n} from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { FadeInOut, FadeInOutProps } from '@semcore/animation';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { useCssVariable } from '@semcore/utils/lib/useCssVariable';\nimport reactToText from '@semcore/utils/lib/reactToText';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nimport style from './style/inline-edit.shadow.css';\n\ntype AsProps = {\n  Children: React.FC;\n  defaultEditable?: boolean;\n  editable?: boolean;\n  onEdit?: () => void;\n  styles?: React.CSSProperties;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\nclass InlineEdit extends Component<AsProps> {\n  static displayName = 'InlineEdit';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultEditable: false,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  viewRef = React.createRef<HTMLElement>();\n\n  constructor(props: any) {\n    super(props);\n    this.handleOnEdit = this.handleOnEdit.bind(this);\n  }\n\n  uncontrolledProps() {\n    return {\n      editable: null,\n    };\n  }\n\n  getViewProps() {\n    const { editable, getI18nText } = this.asProps;\n\n    return {\n      editable,\n      onEdit: this.handleOnEdit,\n      getI18nText,\n      ref: this.viewRef,\n    };\n  }\n\n  getEditProps() {\n    const { editable } = this.asProps;\n\n    return {\n      editable,\n      onKeyDown: this.handlerKeyDownEdit,\n    };\n  }\n\n  handlerKeyDownEdit = (event: React.KeyboardEvent) => {\n    if (this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {\n      event.preventDefault();\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\n  }\n\n  componentDidUpdate(prevProps: AsProps) {\n    const { editable } = this.props;\n    if (prevProps.editable !== editable && editable === false) {\n      setTimeout(() => {\n        this.viewRef.current?.focus();\n      }, 0);\n    }\n  }\n\n  render() {\n    const SInlineEdit = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n\n    if (!hasChildren) {\n      throw new Error(\n        '<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.',\n      );\n    }\n\n    return sstyled(styles)(\n      <SInlineEdit render={Box}>\n        <Children />\n      </SInlineEdit>,\n    );\n  }\n}\n\nconst useHidden = (visible: boolean) => {\n  const [hidden, setHidden] = React.useState(true);\n\n  React.useEffect(() => {\n    if (visible) {\n      setHidden(false);\n    } else {\n      setTimeout(() => {\n        setHidden(true);\n      }, 200);\n    }\n  }, [visible]);\n\n  return hidden;\n};\n\nconst Edit: React.FC<AsProps> = (props) => {\n  const visible = props.editable;\n  const SEdit = Root;\n  const ref = React.useRef();\n  const durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);\n  const duration = React.useMemo(() => parseInt(durationStr, 10), [durationStr]);\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SEdit\n      render={FadeInOut}\n      visible={visible}\n      duration={duration}\n      aria-hidden={hidden ? 'true' : undefined}\n      exiting={!visible}\n      ref={ref}\n    />,\n  ) as React.ReactElement;\n};\n\nconst View: React.FC<AsProps> = (props) => {\n  const visible = !props.editable;\n  const SView = Root;\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!visible) return;\n      if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onEdit();\n      }\n    },\n    [visible, props.onEdit],\n  );\n  const textContent = reactToText(getOriginChildren(props.Children)).trim();\n  const hidden = useHidden(Boolean(visible));\n\n  return sstyled(props.styles)(\n    <SView\n      render={FadeInOut}\n      visible={visible}\n      preserveNode\n      tabIndex={0}\n      role='button'\n      aria-hidden={hidden ? 'true' : undefined}\n      aria-label={`${props.getI18nText('tapToEdit')}: ${textContent}`}\n      onClick={visible ? props.onEdit : undefined}\n      onKeyDown={handleKeyDown}\n    />,\n  ) as React.ReactElement;\n};\n\ntype InlineEditProps = BoxProps & {\n  editable?: boolean;\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  defaultEditable?: boolean;\n  onEdit?: () => void;\n  locale?: string;\n};\ntype InlineEditViewProps = BoxProps & FadeInOutProps & {};\ntype InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\nexport default createComponent(InlineEdit, {\n  Edit,\n  View,\n}) as Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IACpBC,SAAS,EACTC,OAAO,EACPC,IAAI,QAGC,eAAe;AACtB,SAASC,GAAG,QAAkB,mBAAmB;AACjD,SAASC,SAAS,QAAwB,oBAAoB;AAC9D,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,cAAc,QAAQ,mCAAmC;AAClE,OAAOC,WAAW,MAAM,gCAAgC;AACxD,OAAOC,iBAAiB,MAAM,sCAAsC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAa/DC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAcd,SAAAA,WAAYK,KAAU,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,UAAA;IACtBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAAEI,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,2BAHLrB,KAAK,CAAC0B,SAAS,EAAe;IAAAF,eAAA,CAAAC,sBAAA,CAAAJ,KAAA,yBAiCnB,UAACM,KAA0B,EAAK;MACnD,IAAIN,KAAA,CAAKO,OAAO,CAACC,OAAO,KAAKF,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,QAAQ,CAAC,EAAE;QAAA,IAAAC,qBAAA;QAC7EJ,KAAK,CAACK,cAAc,EAAE;QACtB,CAAAD,qBAAA,GAAAV,KAAA,CAAKO,OAAO,CAACC,OAAO,cAAAE,qBAAA,uBAApBA,qBAAA,CAAsBE,KAAK,EAAE;MAC/B;IACF,CAAC;IAlCCZ,KAAA,CAAKa,YAAY,GAAGb,KAAA,CAAKa,YAAY,CAACC,IAAI,CAAAV,sBAAA,CAAAJ,KAAA,EAAM;IAAC,OAAAA,KAAA;EACnD;EAACe,YAAA,CAAArB,UAAA;IAAAe,GAAA;IAAAO,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLC,QAAQ,EAAE;MACZ,CAAC;IACH;EAAC;IAAAT,GAAA;IAAAO,KAAA,EAED,SAAAG,aAAA,EAAe;MACb,IAAAC,aAAA,GAAkC,IAAI,CAACC,OAAO;QAAtCH,QAAQ,GAAAE,aAAA,CAARF,QAAQ;QAAEI,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAE7B,OAAO;QACLJ,QAAQ,EAARA,QAAQ;QACRK,MAAM,EAAE,IAAI,CAACV,YAAY;QACzBS,WAAW,EAAXA,WAAW;QACXE,GAAG,EAAE,IAAI,CAACjB;MACZ,CAAC;IACH;EAAC;IAAAE,GAAA;IAAAO,KAAA,EAED,SAAAS,aAAA,EAAe;MACb,IAAQP,QAAQ,GAAK,IAAI,CAACG,OAAO,CAAzBH,QAAQ;MAEhB,OAAO;QACLA,QAAQ,EAARA,QAAQ;QACRQ,SAAS,EAAE,IAAI,CAACC;MAClB,CAAC;IACH;EAAC;IAAAlB,GAAA;IAAAO,KAAA,EASD,SAAAH,aAAA,EAAe;MACb,IAAI,CAACe,QAAQ,CAACV,QAAQ,CAAC,IAAI,CAAC;IAC9B;EAAC;IAAAT,GAAA;IAAAO,KAAA,EAED,SAAAa,mBAAmBC,SAAkB,EAAE;MAAA,IAAAC,MAAA;MACrC,IAAQb,QAAQ,GAAK,IAAI,CAACnB,KAAK,CAAvBmB,QAAQ;MAChB,IAAIY,SAAS,CAACZ,QAAQ,KAAKA,QAAQ,IAAIA,QAAQ,KAAK,KAAK,EAAE;QACzDc,UAAU,CAAC,YAAM;UAAA,IAAAC,qBAAA;UACf,CAAAA,qBAAA,GAAAF,MAAI,CAACxB,OAAO,CAACC,OAAO,cAAAyB,qBAAA,uBAApBA,qBAAA,CAAsBrB,KAAK,EAAE;QAC/B,CAAC,EAAE,CAAC,CAAC;MACP;IACF;EAAC;IAAAH,GAAA;IAAAO,KAAA,EAED,SAAAkB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAd,OAAA;QAAAe,KAAA;MACP,IAAMC,WAAW,GAUMrD,GAAG;MAT1B,IAAAsD,cAAA,GAAoD,IAAI,CAACjB,OAAO;QAAxDkB,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAYC,WAAW,GAAAF,cAAA,CAArBG,QAAQ;QAAeC,MAAM,GAAAJ,cAAA,CAANI,MAAM;MAE/C,IAAI,CAACF,WAAW,EAAE;QAChB,MAAM,IAAIG,KAAK,CACb,kKAAkK,CACnK;MACH;MAEA,OAAAP,KAAA,GAAOtD,OAAO,CAAC4D,MAAM,CAAC,eACpB/D,KAAA,CAAAiE,aAAA,CAACP,WAAW,EAAAD,KAAA,CAAAS,EAAA,gBAAAC,aAAA,KAAAC,YAAA,KAAAZ,IAAA,kBACVxD,KAAA,CAAAiE,aAAA,CAACL,QAAQ,EAAAH,KAAA,CAAAS,EAAA,iBAAG,CACA;IAElB;EAAC;EAAA,OAAAnD,UAAA;AAAA,EAhFsBb,SAAS;AAAAsB,eAAA,CAA5BT,UAAU,iBACO,YAAY;AAAAS,eAAA,CAD7BT,UAAU,WAGCH,KAAK;AAAAY,eAAA,CAHhBT,UAAU,aAIG,CAACP,WAAW,CAACD,iBAAiB,CAAC,CAAC;AAAAiB,eAAA,CAJ7CT,UAAU,kBAMQ;EACpBsD,eAAe,EAAE,KAAK;EACtBC,IAAI,EAAE/D,iBAAiB;EACvBgE,MAAM,EAAE;AACV,CAAC;AAyEH,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB,EAAK;EACtC,IAAAC,eAAA,GAA4B1E,KAAK,CAAC2E,QAAQ,CAAC,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAzCI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EAExB5E,KAAK,CAACgF,SAAS,CAAC,YAAM;IACpB,IAAIP,OAAO,EAAE;MACXM,SAAS,CAAC,KAAK,CAAC;IAClB,CAAC,MAAM;MACL1B,UAAU,CAAC,YAAM;QACf0B,SAAS,CAAC,IAAI,CAAC;MACjB,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EAEb,OAAOK,MAAM;AACf,CAAC;AAED,IAAMG,IAAuB,GAAG,SAA1BA,IAAuBA,CAAI7D,KAAK,EAAK;EAAA,IAAA8D,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAMX,OAAO,GAAGrD,KAAK,CAACmB,QAAQ;EAC9B,IAAM8C,KAAK,GAQC/E,SAAS;EAPrB,IAAMuC,GAAG,GAAG7C,KAAK,CAACsF,MAAM,EAAE;EAC1B,IAAMC,WAAW,GAAG9E,cAAc,CAAC,kCAAkC,EAAE,KAAK,EAAEoC,GAAG,CAAC;EAClF,IAAM2C,QAAQ,GAAGxF,KAAK,CAACyF,OAAO,CAAC;IAAA,OAAMC,QAAQ,CAACH,WAAW,EAAE,EAAE,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EAC9E,IAAMT,MAAM,GAAGN,SAAS,CAACmB,OAAO,CAAClB,OAAO,CAAC,CAAC;EAE1C,OAAAW,KAAA,GAAOjF,OAAO,CAACiB,KAAK,CAAC2C,MAAM,CAAC,eAC1B/D,KAAA,CAAAiE,aAAA,CAACoB,KAAK,EAAAD,KAAA,CAAAlB,EAAA,UAAAC,aAAA,KAAAyB,aAAA;IAAA,WAEKnB,OAAO;IAAA,YACNe,QAAQ;IAAA,eACLV,MAAM,GAAG,MAAM,GAAGe,SAAS;IAAA,WAC/B,CAACpB,OAAO;IAAA,OACZ5B;EAAG,GAAAqC,KAAA,IACR;AAEN,CAAC;AAED,IAAMY,IAAuB,GAAG,SAA1BA,IAAuBA,CAAI1E,KAAK,EAAK;EAAA,IAAA2E,KAAA,GAAAZ,YAAA;IAAAa,KAAA;EACzC,IAAMvB,OAAO,GAAG,CAACrD,KAAK,CAACmB,QAAQ;EAC/B,IAAM0D,KAAK,GAiBC3F,SAAS;EAfrB,IAAM4F,aAAa,GAAGlG,KAAK,CAACmG,WAAW,CACrC,UAACxE,KAA0B,EAAK;IAC9B,IAAI,CAAC8C,OAAO,EAAE;IACd,IAAIrD,KAAK,CAACwB,MAAM,KAAKjB,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,CAAC,EAAE;MAChEH,KAAK,CAACK,cAAc,EAAE;MACtBZ,KAAK,CAACwB,MAAM,EAAE;IAChB;EACF,CAAC,EACD,CAAC6B,OAAO,EAAErD,KAAK,CAACwB,MAAM,CAAC,CACxB;EACD,IAAMwD,WAAW,GAAG1F,WAAW,CAACC,iBAAiB,CAACS,KAAK,CAACwC,QAAQ,CAAC,CAAC,CAACyC,IAAI,EAAE;EACzE,IAAMvB,MAAM,GAAGN,SAAS,CAACmB,OAAO,CAAClB,OAAO,CAAC,CAAC;EAE1C,OAAAuB,KAAA,GAAO7F,OAAO,CAACiB,KAAK,CAAC2C,MAAM,CAAC,eAC1B/D,KAAA,CAAAiE,aAAA,CAACgC,KAAK,EAAAD,KAAA,CAAA9B,EAAA,UAAAC,aAAA,KAAAmC,aAAA;IAAA,WAEK7B,OAAO;IAAA;IAAA,YAEN,CAAC;IAAA,QACN,QAAQ;IAAA,eACAK,MAAM,GAAG,MAAM,GAAGe,SAAS;IAAA,iBAAAU,MAAA,CACzBnF,KAAK,CAACuB,WAAW,CAAC,WAAW,CAAC,QAAA4D,MAAA,CAAKH,WAAW;IAAA,WACpD3B,OAAO,GAAGrD,KAAK,CAACwB,MAAM,GAAGiD,SAAS;IAAA,aAChCK;EAAa,GAAAH,KAAA,IACxB;AAEN,CAAC;AAiBD,eAAe9F,eAAe,CAACc,UAAU,EAAE;EACzCkE,IAAI,EAAJA,IAAI;EACJa,IAAI,EAAJA;AACF,CAAC,CAAC"}

package/inline-edit/package.json

@@ -1 +1 @@
-{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.41.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.0","@semcore/flex-box":"5.39.0","@semcore/utils":"4.44.0"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-edit"}}
+{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.41.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.39.1-prerelease.2","@semcore/flex-box":"5.39.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-edit"}}

package/inline-input/lib/cjs/InlineInput.js

@@ -27,20 +27,20 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _inputNumber = _interopRequireDefault(require("intergalactic/input-number"));
 var _hasParent = require("intergalactic/utils/lib/hasParent");
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1n8gu_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1n8gu_gg_.__disabled_1n8gu_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1n8gu_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1n8gu_gg_:focus{outline:0}.___SValue_1n8gu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_.__disabled_1n8gu_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1n8gu_gg_::-webkit-inner-spin-button,.___SValue_1n8gu_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1n8gu_gg_._type_number_1n8gu_gg_{-moz-appearance:textfield}.___SUnderline_1n8gu_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1n8gu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1n8gu_gg_.__disabled_1n8gu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_{z-index:1}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1n8gu_gg_:focus~.___SControls_1n8gu_gg_{display:flex}.___SInvalidPattern_1n8gu_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1n8gu_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_1n8gu_gg_",
-  "_disabled": "__disabled_1n8gu_gg_",
-  "__SUnderline": "___SUnderline_1n8gu_gg_",
-  "__SAddon": "___SAddon_1n8gu_gg_",
-  "_focused": "__focused_1n8gu_gg_",
-  "_state_valid": "_state_valid_1n8gu_gg_",
-  "_state_invalid": "_state_invalid_1n8gu_gg_",
-  "__SValue": "___SValue_1n8gu_gg_",
-  "__SControls": "___SControls_1n8gu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1n8gu_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_1n8gu_gg_",
-  "__SCancelIcon": "___SCancelIcon_1n8gu_gg_",
-  "_type_number": "_type_number_1n8gu_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_h6bkf_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_h6bkf_gg_ .___SConfirmIcon_h6bkf_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_h6bkf_gg_ .___SConfirmIcon_h6bkf_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_h6bkf_gg_ .___SCancelIcon_h6bkf_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_h6bkf_gg_ .___SCancelIcon_h6bkf_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_h6bkf_gg_.__disabled_h6bkf_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_h6bkf_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_h6bkf_gg_:focus{outline:0}.___SValue_h6bkf_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_h6bkf_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_h6bkf_gg_.__disabled_h6bkf_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_h6bkf_gg_::-webkit-inner-spin-button,.___SValue_h6bkf_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_h6bkf_gg_._type_number_h6bkf_gg_{-moz-appearance:textfield}.___SUnderline_h6bkf_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_h6bkf_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_h6bkf_gg_.__disabled_h6bkf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_h6bkf_gg_.__focused_h6bkf_gg_{z-index:1}.___SInlineInput_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_h6bkf_gg_._state_valid_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_h6bkf_gg_._state_valid_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_h6bkf_gg_._state_invalid_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_h6bkf_gg_._state_invalid_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_h6bkf_gg_:focus~.___SControls_h6bkf_gg_{display:flex}.___SInvalidPattern_h6bkf_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "h6bkf_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_h6bkf_gg_",
+  "_disabled": "__disabled_h6bkf_gg_",
+  "__SUnderline": "___SUnderline_h6bkf_gg_",
+  "__SAddon": "___SAddon_h6bkf_gg_",
+  "_focused": "__focused_h6bkf_gg_",
+  "_state_valid": "_state_valid_h6bkf_gg_",
+  "_state_invalid": "_state_invalid_h6bkf_gg_",
+  "__SValue": "___SValue_h6bkf_gg_",
+  "__SControls": "___SControls_h6bkf_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_h6bkf_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_h6bkf_gg_",
+  "__SCancelIcon": "___SCancelIcon_h6bkf_gg_",
+  "_type_number": "_type_number_h6bkf_gg_"
 });
 var pointInsideOfRect = function pointInsideOfRect(_ref17) {
   var x = _ref17.x,

package/inline-input/lib/es6/InlineInput.js

@@ -20,20 +20,20 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box, InvalidStateBox } from 'intergalactic/flex-box';
 import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
 /*__reshadow-styles__:"./style/inline-input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_1n8gu_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SConfirmIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1n8gu_gg_ .___SCancelIcon_1n8gu_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1n8gu_gg_.__disabled_1n8gu_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1n8gu_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_1n8gu_gg_:focus{outline:0}.___SValue_1n8gu_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1n8gu_gg_.__disabled_1n8gu_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1n8gu_gg_::-webkit-inner-spin-button,.___SValue_1n8gu_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1n8gu_gg_._type_number_1n8gu_gg_{-moz-appearance:textfield}.___SUnderline_1n8gu_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_1n8gu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_1n8gu_gg_.__disabled_1n8gu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_{z-index:1}.___SInlineInput_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1n8gu_gg_._state_valid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1n8gu_gg_._state_invalid_1n8gu_gg_.__focused_1n8gu_gg_ .___SUnderline_1n8gu_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_1n8gu_gg_:focus~.___SControls_1n8gu_gg_{display:flex}.___SInvalidPattern_1n8gu_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1n8gu_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_1n8gu_gg_",
-  "_disabled": "__disabled_1n8gu_gg_",
-  "__SUnderline": "___SUnderline_1n8gu_gg_",
-  "__SAddon": "___SAddon_1n8gu_gg_",
-  "_focused": "__focused_1n8gu_gg_",
-  "_state_valid": "_state_valid_1n8gu_gg_",
-  "_state_invalid": "_state_invalid_1n8gu_gg_",
-  "__SValue": "___SValue_1n8gu_gg_",
-  "__SControls": "___SControls_1n8gu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1n8gu_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_1n8gu_gg_",
-  "__SCancelIcon": "___SCancelIcon_1n8gu_gg_",
-  "_type_number": "_type_number_1n8gu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInlineInput_h6bkf_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_h6bkf_gg_ .___SConfirmIcon_h6bkf_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_h6bkf_gg_ .___SConfirmIcon_h6bkf_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_h6bkf_gg_ .___SCancelIcon_h6bkf_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_h6bkf_gg_ .___SCancelIcon_h6bkf_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_h6bkf_gg_.__disabled_h6bkf_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_h6bkf_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_h6bkf_gg_:focus{outline:0}.___SValue_h6bkf_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_h6bkf_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_h6bkf_gg_.__disabled_h6bkf_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_h6bkf_gg_::-webkit-inner-spin-button,.___SValue_h6bkf_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_h6bkf_gg_._type_number_h6bkf_gg_{-moz-appearance:textfield}.___SUnderline_h6bkf_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_h6bkf_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_h6bkf_gg_.__disabled_h6bkf_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_h6bkf_gg_.__focused_h6bkf_gg_{z-index:1}.___SInlineInput_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_h6bkf_gg_._state_valid_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_h6bkf_gg_._state_valid_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_h6bkf_gg_._state_invalid_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_h6bkf_gg_._state_invalid_h6bkf_gg_.__focused_h6bkf_gg_ .___SUnderline_h6bkf_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_h6bkf_gg_:focus~.___SControls_h6bkf_gg_{display:flex}.___SInvalidPattern_h6bkf_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "h6bkf_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_h6bkf_gg_",
+  "_disabled": "__disabled_h6bkf_gg_",
+  "__SUnderline": "___SUnderline_h6bkf_gg_",
+  "__SAddon": "___SAddon_h6bkf_gg_",
+  "_focused": "__focused_h6bkf_gg_",
+  "_state_valid": "_state_valid_h6bkf_gg_",
+  "_state_invalid": "_state_invalid_h6bkf_gg_",
+  "__SValue": "___SValue_h6bkf_gg_",
+  "__SControls": "___SControls_h6bkf_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_h6bkf_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_h6bkf_gg_",
+  "__SCancelIcon": "___SCancelIcon_h6bkf_gg_",
+  "_type_number": "_type_number_h6bkf_gg_"
 });
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';

package/inline-input/package.json

@@ -1 +1 @@
-{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.45.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.39.0","@semcore/icon":"4.53.0","@semcore/spin":"5.39.0","@semcore/tooltip":"6.47.0","@semcore/utils":"4.44.0","@semcore/input-number":"5.40.1-prerelease.0","@semcore/input":"4.40.0","@semcore/core":"2.37.0","@semcore/button":"5.40.1-prerelease.0"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/spin":"*","@semcore/tooltip":"*"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-input"}}
+{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.45.2-prerelease.2","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.39.1-prerelease.2","@semcore/icon":"4.53.1-prerelease.2","@semcore/spin":"5.39.1-prerelease.2","@semcore/tooltip":"6.47.1-prerelease.2","@semcore/utils":"4.44.1-prerelease.2","@semcore/input-number":"5.40.2-prerelease.2","@semcore/input":"4.40.1-prerelease.2","@semcore/core":"2.37.1-prerelease.2","@semcore/button":"5.40.2-prerelease.2"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/spin":"*","@semcore/tooltip":"*"},"peerDependencies":{"@semcore/core":"^2.37.1-prerelease.2","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-input"}}