intergalactic 15.87.0 → 15.88.0

package/libs/icon/lib/cjs/Icon.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _core = require("@semcore/core");
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _flexBox = require("@semcore/flex-box");
+var _keyboardFocusEnhance2 = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _propsForElement = _interopRequireDefault(require("@semcore/utils/lib/propsForElement"));
+var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
+var _ref = require("@semcore/utils/lib/ref");
+var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
+var _useColorResolver = require("@semcore/utils/lib/use/useColorResolver");
+var _excluded = ["keyboardFocused"];
+/*__reshadow-styles__:"./style/icon.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1q122_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1q122)}.___SIcon_1q122_gg_.__keyboardFocused_1q122_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1q122_gg_.__interactive_1q122_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1q122_gg_.__interactive_1q122_gg_:hover{filter:brightness(.8)}}" /*__inner_css_end__*/, "1q122_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_1q122_gg_",
+  "--color": "--color_1q122",
+  "_keyboardFocused": "__keyboardFocused_1q122_gg_",
+  "_interactive": "__interactive_1q122_gg_"
+});
+function Icon(props, ref) {
+  var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({
+      tag: 'svg',
+      'data-ui-name': 'Icon',
+      width: 16,
+      height: 16,
+      viewBox: '0 0 16 16',
+      focusable: props.interactive
+    }, props), ref),
+    _useBox2 = (0, _slicedToArray2["default"])(_useBox, 2),
+    SIcon = _useBox2[0],
+    other = _useBox2[1];
+  var interactive = props.interactive,
+    colorProps = props.color;
+  var resolveColor = (0, _useColorResolver.useColorResolver)();
+  var color = resolveColor(colorProps);
+  var _keyboardFocusEnhance = (0, _keyboardFocusEnhance2["default"])()((0, _objectSpread2["default"])({
+      disabled: !interactive
+    }, other)),
+    keyboardFocused = _keyboardFocusEnhance.keyboardFocused,
+    propsEnhance = (0, _objectWithoutProperties2["default"])(_keyboardFocusEnhance, _excluded);
+  var sstyles = (0, _core.sstyled)(styles);
+  var _sstyles$cn = sstyles.cn('SIcon', {
+      'use:color': color,
+      interactive: interactive,
+      keyboardFocused: keyboardFocused
+    }),
+    className = _sstyles$cn.className,
+    style = _sstyles$cn.style;
+  function onKeyDown(event) {
+    if (propsEnhance.onKeyDown) {
+      return propsEnhance.onKeyDown(event);
+    }
+    if (interactive && event.key === 'Enter') {
+      var _propsEnhance$onClick;
+      (_propsEnhance$onClick = propsEnhance.onClick) === null || _propsEnhance$onClick === void 0 ? void 0 : _propsEnhance$onClick.call(propsEnhance, event);
+    }
+  }
+  var labelCheckRef = _react["default"].useRef();
+  _react["default"].useEffect(function () {
+    if (!interactive) return;
+    if (process.env.NODE_ENV !== 'production') {
+      _logger["default"].warn(labelCheckRef.current && !(0, _hasLabels["default"])(labelCheckRef.current), "'aria-label' or 'aria-labelledby' are required props for interactive icons", props['data-ui-name'] || Icon.displayName);
+    }
+  }, [interactive]);
+  var forkedRef = (0, _ref.useForkRef)(ref, labelCheckRef);
+  return /*#__PURE__*/_react["default"].createElement(SIcon, (0, _extends2["default"])({
+    role: interactive ? 'button' : undefined,
+    "aria-hidden": interactive ? undefined : 'true'
+  }, (0, _propsForElement["default"])(propsEnhance), {
+    style: Object.assign({}, style, propsEnhance.style),
+    className: (0, _classnames["default"])(className, propsEnhance.className) || undefined,
+    onKeyDown: onKeyDown,
+    ref: forkedRef
+  }));
+}
+Icon.displayName = 'Icon';
+var _default = (0, _core.createBaseComponent)(Icon);
+exports["default"] = _default;
+//# sourceMappingURL=Icon.js.map

package/libs/icon/lib/cjs/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["_core","require","_react","_interopRequireDefault","_classnames","_flexBox","_keyboardFocusEnhance2","_propsForElement","_logger","_ref","_hasLabels","_useColorResolver","_excluded","styles","sstyled","insert","Icon","props","ref","_useBox","useBox","_objectSpread2","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray2","SIcon","other","colorProps","color","resolveColor","useColorResolver","_keyboardFocusEnhance","keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties2","sstyles","_sstyles$cn","cn","className","style","onKeyDown","event","key","_propsEnhance$onClick","onClick","call","labelCheckRef","React","useRef","useEffect","process","env","NODE_ENV","logger","warn","current","hasLabels","displayName","forkedRef","useForkRef","createElement","_extends2","role","undefined","propsForElement","Object","assign","_default","createBaseComponent","exports"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && event.key === 'Enter') {\n      propsEnhance.onClick?.(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":"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"}

package/libs/icon/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/icon/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    width?: string | number;\n    height?: string | number;\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":""}

package/libs/icon/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Icon["default"];
+  }
+});
+var _Icon = _interopRequireDefault(require("./Icon"));
+//# sourceMappingURL=index.js.map

package/libs/icon/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Icon","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Icon';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA"}

package/libs/icon/lib/es6/Icon.js

@@ -0,0 +1,82 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled as _sstyled } from "@semcore/core";
+var _excluded = ["keyboardFocused"];
+import React from 'react';
+import cn from 'classnames';
+import { createBaseComponent, sstyled } from '@semcore/core';
+import { useBox } from '@semcore/flex-box';
+import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+import propsForElement from '@semcore/utils/lib/propsForElement';
+import logger from '@semcore/utils/lib/logger';
+import { useForkRef } from '@semcore/utils/lib/ref';
+import hasLabels from '@semcore/utils/lib/hasLabels';
+import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
+/*__reshadow-styles__:"./style/icon.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1q122_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1q122)}.___SIcon_1q122_gg_.__keyboardFocused_1q122_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1q122_gg_.__interactive_1q122_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1q122_gg_.__interactive_1q122_gg_:hover{filter:brightness(.8)}}" /*__inner_css_end__*/, "1q122_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_1q122_gg_",
+  "--color": "--color_1q122",
+  "_keyboardFocused": "__keyboardFocused_1q122_gg_",
+  "_interactive": "__interactive_1q122_gg_"
+});
+function Icon(props, ref) {
+  var _useBox = useBox(_objectSpread({
+      tag: 'svg',
+      'data-ui-name': 'Icon',
+      width: 16,
+      height: 16,
+      viewBox: '0 0 16 16',
+      focusable: props.interactive
+    }, props), ref),
+    _useBox2 = _slicedToArray(_useBox, 2),
+    SIcon = _useBox2[0],
+    other = _useBox2[1];
+  var interactive = props.interactive,
+    colorProps = props.color;
+  var resolveColor = useColorResolver();
+  var color = resolveColor(colorProps);
+  var _keyboardFocusEnhance = keyboardFocusEnhance()(_objectSpread({
+      disabled: !interactive
+    }, other)),
+    keyboardFocused = _keyboardFocusEnhance.keyboardFocused,
+    propsEnhance = _objectWithoutProperties(_keyboardFocusEnhance, _excluded);
+  var sstyles = sstyled(styles);
+  var _sstyles$cn = sstyles.cn('SIcon', {
+      'use:color': color,
+      interactive: interactive,
+      keyboardFocused: keyboardFocused
+    }),
+    className = _sstyles$cn.className,
+    style = _sstyles$cn.style;
+  function onKeyDown(event) {
+    if (propsEnhance.onKeyDown) {
+      return propsEnhance.onKeyDown(event);
+    }
+    if (interactive && event.key === 'Enter') {
+      var _propsEnhance$onClick;
+      (_propsEnhance$onClick = propsEnhance.onClick) === null || _propsEnhance$onClick === void 0 ? void 0 : _propsEnhance$onClick.call(propsEnhance, event);
+    }
+  }
+  var labelCheckRef = React.useRef();
+  React.useEffect(function () {
+    if (!interactive) return;
+    if (process.env.NODE_ENV !== 'production') {
+      logger.warn(labelCheckRef.current && !hasLabels(labelCheckRef.current), "'aria-label' or 'aria-labelledby' are required props for interactive icons", props['data-ui-name'] || Icon.displayName);
+    }
+  }, [interactive]);
+  var forkedRef = useForkRef(ref, labelCheckRef);
+  return /*#__PURE__*/React.createElement(SIcon, _extends({
+    role: interactive ? 'button' : undefined,
+    "aria-hidden": interactive ? undefined : 'true'
+  }, propsForElement(propsEnhance), {
+    style: Object.assign({}, style, propsEnhance.style),
+    className: cn(className, propsEnhance.className) || undefined,
+    onKeyDown: onKeyDown,
+    ref: forkedRef
+  }));
+}
+Icon.displayName = 'Icon';
+export default createBaseComponent(Icon);
+//# sourceMappingURL=Icon.js.map

package/libs/icon/lib/es6/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["React","cn","createBaseComponent","sstyled","useBox","keyboardFocusEnhance","propsForElement","logger","useForkRef","hasLabels","useColorResolver","styles","_sstyled","insert","Icon","props","ref","_useBox","_objectSpread","tag","width","height","viewBox","focusable","interactive","_useBox2","_slicedToArray","SIcon","other","colorProps","color","resolveColor","_keyboardFocusEnhance","disabled","keyboardFocused","propsEnhance","_objectWithoutProperties","_excluded","sstyles","_sstyles$cn","className","style","onKeyDown","event","key","_propsEnhance$onClick","onClick","call","labelCheckRef","useRef","useEffect","process","env","NODE_ENV","warn","current","displayName","forkedRef","createElement","_extends","role","undefined","Object","assign"],"sources":["../../src/Icon.jsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { createBaseComponent, sstyled } from '@semcore/core';\nimport { useBox } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\nimport logger from '@semcore/utils/lib/logger';\nimport { useForkRef } from '@semcore/utils/lib/ref';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\n\nimport styles from './style/icon.shadow.css';\n\nfunction Icon(props, ref) {\n  const [SIcon, other] = useBox(\n    {\n      tag: 'svg',\n      'data-ui-name': 'Icon',\n      width: 16,\n      height: 16,\n      viewBox: '0 0 16 16',\n      focusable: props.interactive,\n      ...props,\n    },\n    ref,\n  );\n\n  const { interactive, color: colorProps } = props;\n  const resolveColor = useColorResolver();\n  const color = resolveColor(colorProps);\n  const { keyboardFocused, ...propsEnhance } = keyboardFocusEnhance()({\n    disabled: !interactive,\n    ...other,\n  });\n  const sstyles = sstyled(styles);\n  const { className, style } = sstyles.cn('SIcon', {\n    'use:color': color,\n    interactive: interactive,\n    keyboardFocused: keyboardFocused,\n  });\n\n  function onKeyDown(event) {\n    if (propsEnhance.onKeyDown) {\n      return propsEnhance.onKeyDown(event);\n    }\n\n    if (interactive && event.key === 'Enter') {\n      propsEnhance.onClick?.(event);\n    }\n  }\n\n  const labelCheckRef = React.useRef();\n  React.useEffect(() => {\n    if (!interactive) return;\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        labelCheckRef.current && !hasLabels(labelCheckRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for interactive icons`,\n        props['data-ui-name'] || Icon.displayName,\n      );\n    }\n  }, [interactive]);\n  const forkedRef = useForkRef(ref, labelCheckRef);\n\n  return (\n    <SIcon\n      role={interactive ? 'button' : undefined}\n      aria-hidden={interactive ? undefined : 'true'}\n      {...propsForElement(propsEnhance)}\n      style={Object.assign({}, style, propsEnhance.style)}\n      className={cn(className, propsEnhance.className) || undefined}\n      onKeyDown={onKeyDown}\n      ref={forkedRef}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n\nexport default createBaseComponent(Icon);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,mBAAmB,EAAEC,OAAO,QAAQ,eAAe;AAC5D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,eAAe,MAAM,oCAAoC;AAChE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,SAASC,gBAAgB,QAAQ,yCAAyC;AAAC;AAAA,IAAAC,MAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI3E,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACxB,IAAAC,OAAA,GAAuBb,MAAM,CAAAc,aAAA;MAEzBC,GAAG,EAAE,KAAK;MACV,cAAc,EAAE,MAAM;MACtBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,WAAW;MACpBC,SAAS,EAAER,KAAK,CAACS;IAAW,GACzBT,KAAK,GAEVC,GAAG,CACJ;IAAAS,QAAA,GAAAC,cAAA,CAAAT,OAAA;IAXMU,KAAK,GAAAF,QAAA;IAAEG,KAAK,GAAAH,QAAA;EAanB,IAAQD,WAAW,GAAwBT,KAAK,CAAxCS,WAAW;IAASK,UAAU,GAAKd,KAAK,CAA3Be,KAAK;EAC1B,IAAMC,YAAY,GAAGrB,gBAAgB,EAAE;EACvC,IAAMoB,KAAK,GAAGC,YAAY,CAACF,UAAU,CAAC;EACtC,IAAAG,qBAAA,GAA6C3B,oBAAoB,EAAE,CAAAa,aAAA;MACjEe,QAAQ,EAAE,CAACT;IAAW,GACnBI,KAAK,EACR;IAHMM,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAKC,YAAY,GAAAC,wBAAA,CAAAJ,qBAAA,EAAAK,SAAA;EAIxC,IAAMC,OAAO,GAAGnC,OAAO,CAACQ,MAAM,CAAC;EAC/B,IAAA4B,WAAA,GAA6BD,OAAO,CAACrC,EAAE,CAAC,OAAO,EAAE;MAC/C,WAAW,EAAE6B,KAAK;MAClBN,WAAW,EAAEA,WAAW;MACxBU,eAAe,EAAEA;IACnB,CAAC,CAAC;IAJMM,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;EAMxB,SAASC,SAASA,CAACC,KAAK,EAAE;IACxB,IAAIR,YAAY,CAACO,SAAS,EAAE;MAC1B,OAAOP,YAAY,CAACO,SAAS,CAACC,KAAK,CAAC;IACtC;IAEA,IAAInB,WAAW,IAAImB,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;MAAA,IAAAC,qBAAA;MACxC,CAAAA,qBAAA,GAAAV,YAAY,CAACW,OAAO,cAAAD,qBAAA,uBAApBA,qBAAA,CAAAE,IAAA,CAAAZ,YAAY,EAAWQ,KAAK,CAAC;IAC/B;EACF;EAEA,IAAMK,aAAa,GAAGhD,KAAK,CAACiD,MAAM,EAAE;EACpCjD,KAAK,CAACkD,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC1B,WAAW,EAAE;IAClB,IAAI2B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;MACzC9C,MAAM,CAAC+C,IAAI,CACTN,aAAa,CAACO,OAAO,IAAI,CAAC9C,SAAS,CAACuC,aAAa,CAACO,OAAO,CAAC,gFAE1DxC,KAAK,CAAC,cAAc,CAAC,IAAID,IAAI,CAAC0C,WAAW,CAC1C;IACH;EACF,CAAC,EAAE,CAAChC,WAAW,CAAC,CAAC;EACjB,IAAMiC,SAAS,GAAGjD,UAAU,CAACQ,GAAG,EAAEgC,aAAa,CAAC;EAEhD,oBACEhD,KAAA,CAAA0D,aAAA,CAAC/B,KAAK,EAAAgC,QAAA;IACJC,IAAI,EAAEpC,WAAW,GAAG,QAAQ,GAAGqC,SAAU;IACzC,eAAarC,WAAW,GAAGqC,SAAS,GAAG;EAAO,GAC1CvD,eAAe,CAAC6B,YAAY,CAAC;IACjCM,KAAK,EAAEqB,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEtB,KAAK,EAAEN,YAAY,CAACM,KAAK,CAAE;IACpDD,SAAS,EAAEvC,EAAE,CAACuC,SAAS,EAAEL,YAAY,CAACK,SAAS,CAAC,IAAIqB,SAAU;IAC9DnB,SAAS,EAAEA,SAAU;IACrB1B,GAAG,EAAEyC;EAAU,GACf;AAEN;AAEA3C,IAAI,CAAC0C,WAAW,GAAG,MAAM;AAEzB,eAAetD,mBAAmB,CAACY,IAAI,CAAC"}

package/libs/icon/lib/es6/index.d.js

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

package/libs/icon/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface IIconProps extends IconProps, UnknownProperties {}\nexport type IconProps = BoxProps &\n  KeyboardFocusProps & {\n    width?: string | number;\n    height?: string | number;\n    viewBox?: string;\n    /** Make an icon interactive */\n    interactive?: boolean;\n    /** Icon color */\n    color?: string;\n  };\n\ndeclare const Icon: Intergalactic.Component<'svg', IconProps>;\n\nexport default Icon;\n"],"mappings":""}

package/libs/icon/lib/es6/index.js

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

package/libs/icon/lib/es6/index.js.map

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

package/libs/icon/lib/types/index.d.ts

@@ -0,0 +1,20 @@
+import { BoxProps } from '@semcore/flex-box';
+import { Intergalactic, UnknownProperties } from '@semcore/core';
+import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+
+/** @deprecated */
+export interface IIconProps extends IconProps, UnknownProperties {}
+export type IconProps = BoxProps &
+  KeyboardFocusProps & {
+    width?: string | number;
+    height?: string | number;
+    viewBox?: string;
+    /** Make an icon interactive */
+    interactive?: boolean;
+    /** Icon color */
+    color?: string;
+  };
+
+declare const Icon: Intergalactic.Component<'svg', IconProps>;
+
+export default Icon;

package/libs/illustration/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/illustration/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["export 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/libs/illustration/lib/cjs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIllustrationPath = void 0;
+var version = "2.10.2";
+
+/**
+ * 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('');
+};
+var getIllustrationPath = function getIllustrationPath(name) {
+  var formattedName = formatName(name);
+  return "https://static.semrush.com/ui-kit/illustration/".concat(version, "/").concat(formattedName, ".svg");
+};
+exports.getIllustrationPath = getIllustrationPath;
+//# sourceMappingURL=index.js.map

package/libs/illustration/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["version","formatName","name","split","map","el","toUpperCase","slice","join","getIllustrationPath","formattedName","concat","exports"],"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;AAEM,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;AAACE,OAAA,CAAAH,mBAAA,GAAAA,mBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["export 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/libs/illustration/lib/es6/index.js

@@ -0,0 +1,15 @@
+var version = "2.10.2";
+
+/**
+ * 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/libs/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/libs/illustration/lib/types/index.d.ts

@@ -0,0 +1,55 @@
+export type TIllustrationNamesErrors =
+  | 'access_denied'
+  | 'blocked'
+  | 'confirmation'
+  | 'connection_lost'
+  | 'deleted_account'
+  | 'dns'
+  | 'maintenance'
+  | 'no_payment'
+  | 'page_error'
+  | 'page_not_found'
+  | 'project_not_found'
+  | 'timeout';
+
+export type TIllustrationNamesWidgetEmpty =
+  | 'area-chart'
+  | 'choropleth-map-chart'
+  | 'coffee'
+  | 'combined-chart'
+  | 'congrats'
+  | 'deleted-page'
+  | 'donut-chart'
+  | 'duplicates'
+  | 'funnel-chart'
+  | 'good'
+  | 'heat-map-chart'
+  | 'horizontal-bar-chart'
+  | 'kagi-chart'
+  | 'line-chart'
+  | 'lollipop-chart'
+  | 'nexttime'
+  | 'nothing-found'
+  | 'other-data'
+  | 'pie-chart'
+  | 'processing'
+  | 'radar-chart'
+  | 'radial-tree-chart'
+  | 'sankey-chart'
+  | 'scatter-plot-chart'
+  | 'stacked-area-chart'
+  | 'suggestion'
+  | 'suggestions'
+  | 'table'
+  | 'tag-cloud'
+  | 'text-links-etc'
+  | 'under-construction'
+  | 'venn-chart'
+  | 'vertical-bar-chart'
+  | 'warning';
+
+declare const getIllustrationPath: (
+  name: TIllustrationNamesErrors | TIllustrationNamesWidgetEmpty,
+) => string;
+
+export { getIllustrationPath };

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

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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 _core = _interopRequireWildcard(require("@semcore/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("@semcore/flex-box");
+var _animation = require("@semcore/animation");
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
+var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
+var _reactToText = _interopRequireDefault(require("@semcore/utils/lib/reactToText"));
+var _getOriginChildren = _interopRequireDefault(require("@semcore/utils/lib/getOriginChildren"));
+/*__reshadow-styles__:"./style/inline-edit.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInlineEdit_16gvq_gg_{display:inline-block;position:relative}.___SEdit_16gvq_gg_{display:flex;flex-direction:column;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.___SView_16gvq_gg_{cursor:pointer}.___SView_16gvq_gg_:active,.___SView_16gvq_gg_:focus{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "16gvq_gg_") /*__reshadow_css_end__*/, {
+  "__SInlineEdit": "___SInlineEdit_16gvq_gg_",
+  "__SEdit": "___SEdit_16gvq_gg_",
+  "__SView": "___SView_16gvq_gg_"
+});
+var InlineEdit = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(InlineEdit, _Component);
+  var _super = (0, _createSuper2["default"])(InlineEdit);
+  function InlineEdit(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, InlineEdit);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "viewRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDownEdit", function (event) {
+      if (event.key === 'Enter' || event.key === 'Escape') {
+        var _this$viewRef$current;
+        (_this$viewRef$current = _this.viewRef.current) === null || _this$viewRef$current === void 0 ? void 0 : _this$viewRef$current.focus();
+      }
+    });
+    _this.handleOnEdit = _this.handleOnEdit.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+  (0, _createClass2["default"])(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: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var SInlineEdit = _flexBox.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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInlineEdit, _ref4.cn("SInlineEdit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
+    }
+  }]);
+  return InlineEdit;
+}(_core.Component);
+(0, _defineProperty2["default"])(InlineEdit, "displayName", 'InlineEdit');
+(0, _defineProperty2["default"])(InlineEdit, "style", style);
+(0, _defineProperty2["default"])(InlineEdit, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(InlineEdit, "defaultProps", {
+  defaultEditable: false,
+  i18n: _intergalacticDynamicLocales.localizedMessages,
+  locale: 'en'
+});
+var Edit = function Edit(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var visible = props.editable;
+  var SEdit = _animation.FadeInOut;
+  var ref = _react["default"].useRef();
+  var durationStr = (0, _useCssVariable.useCssVariable)('--intergalactic-duration-control', '200', ref);
+  var duration = _react["default"].useMemo(function () {
+    return parseInt(durationStr, 10);
+  }, [durationStr]);
+  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,
+    "exiting": !visible,
+    "ref": ref
+  }, _ref2))));
+};
+var View = function View(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var visible = !props.editable;
+  var SView = _animation.FadeInOut;
+  var handleKeyDown = _react["default"].useCallback(function (event) {
+    if (!visible) return;
+    if (event.key === 'Enter' || event.key === 'Space') {
+      var _props$onEdit;
+      event.preventDefault();
+      (_props$onEdit = props.onEdit) === null || _props$onEdit === void 0 ? void 0 : _props$onEdit.call(props);
+    }
+  }, [visible, props.onEdit]);
+  var textContent = (0, _reactToText["default"])((0, _getOriginChildren["default"])(props.Children)).trim();
+  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,
+    "aria-label": "".concat(props.getI18nText('tapToEdit'), ":").concat(textContent),
+    "onClick": visible ? props.onEdit : undefined,
+    "onKeyDown": handleKeyDown
+  }, _ref3))));
+};
+var _default = (0, _core["default"])(InlineEdit, {
+  Edit: Edit,
+  View: View
+});
+exports["default"] = _default;
+//# sourceMappingURL=InlineEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_reactToText","_getOriginChildren","style","sstyled","insert","InlineEdit","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","event","key","_this$viewRef$current","viewRef","current","focus","handleOnEdit","bind","_createClass2","value","uncontrolledProps","editable","getViewProps","_this$asProps","asProps","getI18nText","onEdit","ref","getEditProps","onKeyDown","handlerKeyDownEdit","handlers","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","View","_ref3","_ref6","SView","handleKeyDown","useCallback","_props$onEdit","preventDefault","textContent","reactToText","getOriginChildren","trim","concat","undefined","_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 (event.key === 'Enter' || event.key === 'Escape') {\n      this.viewRef.current?.focus();\n    }\n  };\n\n  handleOnEdit() {\n    this.handlers.editable(true);\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}\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 (event.key === 'Enter' || event.key === 'Space') {\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}\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/libs/inline-edit/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/libs/inline-edit/lib/cjs/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/libs/inline-edit/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _InlineEdit["default"];
+  }
+});
+var _InlineEdit = _interopRequireDefault(require("./InlineEdit"));
+//# sourceMappingURL=index.js.map

package/libs/inline-edit/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_InlineEdit","_interopRequireDefault","require"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './InlineEdit';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA"}