intergalactic 15.123.0 → 15.124.0-prerelease.0

package/icon/pay/Visa/m/index.mjs

@@ -17,7 +17,7 @@ function Visa({
     viewBox: viewBox
   }, props), /*#__PURE__*/React.createElement("path", {
     d: "M21 14.55c0 .8-.6 1.45-1.31 1.45H1.3C.6 16 0 15.35 0 14.55V1.45C0 .65.6 0 1.31 0H19.7C20.4 0 21 .65 21 1.45v13.1Z",
-    fill: "url(#intergalactic-icon-Visa_m_a-4.56.0)",
+    fill: "url(#intergalactic-icon-Visa_m_a-4.57.0)",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M11.97 8.33c-.52-.26-1.18-.66-1.18-1.46.07-1.07.99-1.8 2.37-1.87.52 0 .98.13 1.3.27l-.32 1.2c-.58-.3-1.05-.28-1.3-.27h-.08c-.4.07-.59.27-.59.47-.02.24.28.4.65.6.55.3 1.25.7 1.25 1.53 0 1.13-.98 1.87-2.42 1.87a4.4 4.4 0 0 1-1.51-.27l.26-1.2.1.04c.31.13.7.3 1.34.3.4 0 .86-.2.86-.54 0-.2-.2-.4-.72-.67ZM7.05 5.13l-1.44 3.6L5 5.67a.64.64 0 0 0-.65-.54H2v.14l.3.08c.4.1.82.22 1.08.38.2.14.26.2.33.47l1.05 4.27H6.2l2.23-5.34H7.05ZM9.09 5.13 7.9 10.47h1.37l1.19-5.34H9.09Z",
@@ -30,7 +30,7 @@ function Visa({
     fill: "#fff",
     shapeRendering: "geometricPrecision"
   }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "intergalactic-icon-Visa_m_a-4.56.0",
+    id: "intergalactic-icon-Visa_m_a-4.57.0",
     x1: "0",
     y1: "16",
     x2: "21",

package/illustration/index.mjs

@@ -1 +1 @@
-export * from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';

package/illustration/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/illustration/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["\nexport type IllustrationProps = {\n    /**\n     * Main color of the illustration\n     **/\n    primaryColor?: string;\n    /**\n     * Secondary color of the illustration\n     **/\n    secondaryColor?: string;\n    /**\n     * Changes background fill of the illustration\n     **/\n    fill?: string;\n    /**\n     * Width of the illustration\n     **/\n    width?: string | number;\n    /**\n     * Height of the illustration\n     **/\n    height?: string | number;\n}\n\nexport type TIllustrationNamesErrors =\n  | 'access_denied'\n  | 'blocked'\n  | 'confirmation'\n  | 'connection_lost'\n  | 'deleted_account'\n  | 'dns'\n  | 'maintenance'\n  | 'no_payment'\n  | 'page_error'\n  | 'page_not_found'\n  | 'project_not_found'\n  | 'timeout';\n\nexport type TIllustrationNamesWidgetEmpty =\n  | 'area-chart'\n  | 'choropleth-map-chart'\n  | 'coffee'\n  | 'combined-chart'\n  | 'congrats'\n  | 'deleted-page'\n  | 'donut-chart'\n  | 'duplicates'\n  | 'funnel-chart'\n  | 'good'\n  | 'heat-map-chart'\n  | 'horizontal-bar-chart'\n  | 'kagi-chart'\n  | 'line-chart'\n  | 'lollipop-chart'\n  | 'nexttime'\n  | 'nothing-found'\n  | 'other-data'\n  | 'pie-chart'\n  | 'processing'\n  | 'radar-chart'\n  | 'radial-tree-chart'\n  | 'sankey-chart'\n  | 'scatter-plot-chart'\n  | 'stacked-area-chart'\n  | 'suggestion'\n  | 'suggestions'\n  | 'table'\n  | 'tag-cloud'\n  | 'text-links-etc'\n  | 'under-construction'\n  | 'venn-chart'\n  | 'vertical-bar-chart'\n  | 'warning';\n\ndeclare const getIllustrationPath: (\n  name: TIllustrationNamesErrors | TIllustrationNamesWidgetEmpty,\n) => string;\n\nexport { getIllustrationPath };\n"],"mappings":""}

package/illustration/lib/es6/index.js

@@ -0,0 +1,15 @@
+var version = "2.42.0";
+
+/**
+ * Formats string from `access_denied` or `access-denied` to `AccessDenied`
+ */
+var formatName = function formatName(name) {
+  return name.split(/_|-/).map(function (el) {
+    return el[0].toUpperCase() + el.slice(1);
+  }).join('');
+};
+export var getIllustrationPath = function getIllustrationPath(name) {
+  var formattedName = formatName(name);
+  return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
+};
+//# sourceMappingURL=index.js.map

package/illustration/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat"],"sources":["../../src/index.ts"],"sourcesContent":["declare const preval: any;\n\nconst version = preval`module.exports = require('../package.json').version`;\n\n/**\n * Formats string from `access_denied` or `access-denied` to `AccessDenied`\n */\nconst formatName = (name: string) => {\n  return name\n    .split(/_|-/)\n    .map((el) => el[0].toUpperCase() + el.slice(1))\n    .join('');\n};\n\nexport const getIllustrationPath = (name: string) => {\n  const formattedName = formatName(name);\n\n  return `https://static.semrush.com/ui-kit/illustration/${version}/${formattedName}.svg`;\n};\n"],"mappings":"AAEA,IAAMA,OAAO,WAA8D;;AAE3E;AACA;AACA;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAY,EAAK;EACnC,OAAOA,IAAI,CACRC,KAAK,CAAC,KAAK,CAAC,CACZC,GAAG,CAAC,UAACC,EAAE;IAAA,OAAKA,EAAE,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGD,EAAE,CAACE,KAAK,CAAC,CAAC,CAAC;EAAA,EAAC,CAC9CC,IAAI,CAAC,EAAE,CAAC;AACb,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,IAAY,EAAK;EACnD,IAAMQ,aAAa,GAAGT,UAAU,CAACC,IAAI,CAAC;EAEtC,yDAAAS,MAAA,CAAyDX,OAAO,OAAAW,MAAA,CAAID,aAAa;AACnF,CAAC"}

package/illustration/package.json

@@ -1 +1 @@
-{"name":"intergalactic/illustration","description":"Semrush Illustration Component","version":"2.42.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","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.40.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.42.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.40.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","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/inline-edit/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.mjs';
-export { default } from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

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

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+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"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));

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

@@ -0,0 +1,182 @@
+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";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import { FadeInOut } from 'intergalactic/animation';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+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_yd182_gg_{display:inline-block;position:relative}.___SEdit_yd182_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_yd182_gg_{cursor:pointer}.___SView_yd182_gg_:active,.___SView_yd182_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "yd182_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_yd182_gg_",
+  "__SEdit": "___SEdit_yd182_gg_",
+  "__SView": "___SView_yd182_gg_"
+});
+var InlineEdit = /*#__PURE__*/function (_Component) {
+  _inherits(InlineEdit, _Component);
+  var _super = _createSuper(InlineEdit);
+  function InlineEdit(props) {
+    var _this;
+    _classCallCheck(this, InlineEdit);
+    _this = _super.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "viewRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDownEdit", function (event) {
+      if (_this.viewRef.current && (event.key === 'Enter' || event.key === 'Escape')) {
+        var _this$viewRef$current;
+        event.preventDefault();
+        (_this$viewRef$current = _this.viewRef.current) === null || _this$viewRef$current === void 0 ? void 0 : _this$viewRef$current.focus();
+      }
+    });
+    _this.handleOnEdit = _this.handleOnEdit.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+  _createClass(InlineEdit, [{
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        editable: null
+      };
+    }
+  }, {
+    key: "getViewProps",
+    value: function getViewProps() {
+      var _this$asProps = this.asProps,
+        editable = _this$asProps.editable,
+        getI18nText = _this$asProps.getI18nText;
+      return {
+        editable: editable,
+        onEdit: this.handleOnEdit,
+        getI18nText: getI18nText,
+        ref: this.viewRef
+      };
+    }
+  }, {
+    key: "getEditProps",
+    value: function getEditProps() {
+      var editable = this.asProps.editable;
+      return {
+        editable: editable,
+        onKeyDown: this.handlerKeyDownEdit
+      };
+    }
+  }, {
+    key: "handleOnEdit",
+    value: function handleOnEdit() {
+      this.handlers.editable(true);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var editable = this.props.editable;
+      if (prevProps.editable !== editable && editable === false) {
+        setTimeout(function () {
+          var _this2$viewRef$curren;
+          (_this2$viewRef$curren = _this2.viewRef.current) === null || _this2$viewRef$curren === void 0 ? void 0 : _this2$viewRef$curren.focus();
+        }, 0);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var SInlineEdit = Box;
+      var _this$asProps2 = this.asProps,
+        Children = _this$asProps2.Children,
+        hasChildren = _this$asProps2.children,
+        styles = _this$asProps2.styles;
+      if (!hasChildren) {
+        throw new Error('<InlineEdit /> component cannot be rendered without children. Either provide <InlineEdit.View /> and <InlineEdit.Edit /> or do not render <InlineEdit /> at all.');
+      }
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SInlineEdit, _ref4.cn("SInlineEdit", _objectSpread({}, _assignProps({}, _ref))), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
+    }
+  }]);
+  return InlineEdit;
+}(Component);
+_defineProperty(InlineEdit, "displayName", 'InlineEdit');
+_defineProperty(InlineEdit, "style", style);
+_defineProperty(InlineEdit, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(InlineEdit, "defaultProps", {
+  defaultEditable: false,
+  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;
+  var visible = props.editable;
+  var SEdit = FadeInOut;
+  var ref = React.useRef();
+  var durationStr = useCssVariable('--intergalactic-duration-control', '200', ref);
+  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": hidden ? 'true' : undefined,
+    "exiting": !visible,
+    "ref": ref
+  }, _ref2))));
+};
+var View = function View(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var visible = !props.editable;
+  var SView = FadeInOut;
+  var handleKeyDown = React.useCallback(function (event) {
+    if (!visible) return;
+    if (props.onEdit && (event.key === 'Enter' || event.key === ' ')) {
+      event.preventDefault();
+      props.onEdit();
+    }
+  }, [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": hidden ? 'true' : undefined,
+    "aria-label": "".concat(props.getI18nText('tapToEdit'), ": ").concat(textContent),
+    "onClick": visible ? props.onEdit : undefined,
+    "onKeyDown": handleKeyDown
+  }, _ref3))));
+};
+export default createComponent(InlineEdit, {
+  Edit: Edit,
+  View: View
+});
+//# sourceMappingURL=InlineEdit.js.map

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

@@ -0,0 +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","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":"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"}

package/inline-edit/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/inline-edit/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { FadeInOutProps } from '@semcore/animation';\n\n/** @deprecated */\nexport interface IInlineEditProps extends InlineEditProps, UnknownProperties {}\nexport type InlineEditProps = BoxProps & {\n  /**\n   * Determines which children should be displayed\n   */\n  editable?: boolean;\n\n  onEditableChange?: (editable: boolean, event?: React.SyntheticEvent) => void;\n  /**\n   * Default value if `editable` property is not provided\n   * @default false\n   */\n  defaultEditable?: boolean;\n  /**\n   * Fired when user clicks on view children, expects `editable` property be switched to `true` value.\n   * Note: there not pair callback that expects switch to edit mode, you should be handled by yourself\n   */\n  onEdit?: () => void;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IInlineEditViewProps extends InlineEditViewProps, UnknownProperties {}\nexport type InlineEditViewProps = BoxProps & FadeInOutProps & {};\n/** @deprecated */\nexport interface IInlineEditEditProps extends InlineEditEditProps, UnknownProperties {}\nexport type InlineEditEditProps = BoxProps & FadeInOutProps & {};\n\ntype InputCtx = {\n  getViewProps: PropGetterFn;\n  getEditProps: PropGetterFn;\n};\n\ndeclare const InlineEdit: Intergalactic.Component<'div', InlineEditProps, InputCtx> & {\n  View: Intergalactic.Component<'div', InlineEditViewProps, InlineEditProps>;\n  Edit: Intergalactic.Component<'div', InlineEditEditProps, InlineEditProps>;\n};\nexport default InlineEdit;\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+export { default } from './InlineEdit';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './InlineEdit';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}

package/inline-edit/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,31 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import nl from './nl.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  nl: nl,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh,
+  pl: pl,
+  sv: sv
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/inline-edit/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

package/inline-edit/package.json

@@ -1 +1 @@
-{"name":"intergalactic/inline-edit","description":"Semrush Input Component","version":"4.42.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","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.40.0","@semcore/flex-box":"5.40.0","@semcore/utils":"4.45.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.42.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.40.0","@semcore/flex-box":"5.40.0","@semcore/utils":"4.45.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"}}

package/inline-input/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.mjs';
-export { default } from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -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_1yc4b_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_1yc4b_gg_ .___SConfirmIcon_1yc4b_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_1yc4b_gg_ .___SConfirmIcon_1yc4b_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_1yc4b_gg_ .___SCancelIcon_1yc4b_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_1yc4b_gg_ .___SCancelIcon_1yc4b_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_1yc4b_gg_.__disabled_1yc4b_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_1yc4b_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_1yc4b_gg_:focus{outline:0}.___SValue_1yc4b_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1yc4b_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1yc4b_gg_.__disabled_1yc4b_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1yc4b_gg_::-webkit-inner-spin-button,.___SValue_1yc4b_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1yc4b_gg_._type_number_1yc4b_gg_{-moz-appearance:textfield}.___SUnderline_1yc4b_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_1yc4b_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_1yc4b_gg_.__disabled_1yc4b_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_1yc4b_gg_.__focused_1yc4b_gg_{z-index:1}.___SInlineInput_1yc4b_gg_.__focused_1yc4b_gg_ .___SUnderline_1yc4b_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_1yc4b_gg_._state_valid_1yc4b_gg_ .___SUnderline_1yc4b_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_1yc4b_gg_._state_valid_1yc4b_gg_.__focused_1yc4b_gg_ .___SUnderline_1yc4b_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_1yc4b_gg_._state_invalid_1yc4b_gg_ .___SUnderline_1yc4b_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_1yc4b_gg_._state_invalid_1yc4b_gg_.__focused_1yc4b_gg_ .___SUnderline_1yc4b_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_1yc4b_gg_:focus~.___SControls_1yc4b_gg_{display:flex}.___SInvalidPattern_1yc4b_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "1yc4b_gg_") /*__reshadow_css_end__*/, {
-  "__SInlineInput": "___SInlineInput_1yc4b_gg_",
-  "_disabled": "__disabled_1yc4b_gg_",
-  "__SUnderline": "___SUnderline_1yc4b_gg_",
-  "__SAddon": "___SAddon_1yc4b_gg_",
-  "_focused": "__focused_1yc4b_gg_",
-  "_state_valid": "_state_valid_1yc4b_gg_",
-  "_state_invalid": "_state_invalid_1yc4b_gg_",
-  "__SValue": "___SValue_1yc4b_gg_",
-  "__SControls": "___SControls_1yc4b_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1yc4b_gg_",
-  "__SConfirmIcon": "___SConfirmIcon_1yc4b_gg_",
-  "__SCancelIcon": "___SCancelIcon_1yc4b_gg_",
-  "_type_number": "_type_number_1yc4b_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInlineInput_bdjl8_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_bdjl8_gg_ .___SConfirmIcon_bdjl8_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_bdjl8_gg_ .___SConfirmIcon_bdjl8_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_bdjl8_gg_ .___SCancelIcon_bdjl8_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_bdjl8_gg_ .___SCancelIcon_bdjl8_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_bdjl8_gg_.__disabled_bdjl8_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_bdjl8_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_bdjl8_gg_:focus{outline:0}.___SValue_bdjl8_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_bdjl8_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_bdjl8_gg_.__disabled_bdjl8_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_bdjl8_gg_::-webkit-inner-spin-button,.___SValue_bdjl8_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_bdjl8_gg_._type_number_bdjl8_gg_{-moz-appearance:textfield}.___SUnderline_bdjl8_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_bdjl8_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_bdjl8_gg_.__disabled_bdjl8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_bdjl8_gg_.__focused_bdjl8_gg_{z-index:1}.___SInlineInput_bdjl8_gg_.__focused_bdjl8_gg_ .___SUnderline_bdjl8_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_bdjl8_gg_._state_valid_bdjl8_gg_ .___SUnderline_bdjl8_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_bdjl8_gg_._state_valid_bdjl8_gg_.__focused_bdjl8_gg_ .___SUnderline_bdjl8_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_bdjl8_gg_._state_invalid_bdjl8_gg_ .___SUnderline_bdjl8_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_bdjl8_gg_._state_invalid_bdjl8_gg_.__focused_bdjl8_gg_ .___SUnderline_bdjl8_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_bdjl8_gg_:focus~.___SControls_bdjl8_gg_{display:flex}.___SInvalidPattern_bdjl8_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}" /*__inner_css_end__*/, "bdjl8_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineInput": "___SInlineInput_bdjl8_gg_",
+  "_disabled": "__disabled_bdjl8_gg_",
+  "__SUnderline": "___SUnderline_bdjl8_gg_",
+  "__SAddon": "___SAddon_bdjl8_gg_",
+  "_focused": "__focused_bdjl8_gg_",
+  "_state_valid": "_state_valid_bdjl8_gg_",
+  "_state_invalid": "_state_invalid_bdjl8_gg_",
+  "__SValue": "___SValue_bdjl8_gg_",
+  "__SControls": "___SControls_bdjl8_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_bdjl8_gg_",
+  "__SConfirmIcon": "___SConfirmIcon_bdjl8_gg_",
+  "__SCancelIcon": "___SCancelIcon_bdjl8_gg_",
+  "_type_number": "_type_number_bdjl8_gg_"
 });
 var pointInsideOfRect = function pointInsideOfRect(_ref17) {
   var x = _ref17.x,