intergalactic 15.123.0 → 15.124.0-prerelease.0

package/link/lib/es6/Link.js

@@ -0,0 +1,175 @@
+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, Root, sstyled } from 'intergalactic/core';
+import { Text } from 'intergalactic/typography';
+import { Box } from 'intergalactic/flex-box';
+import { Hint } from 'intergalactic/tooltip';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
+import logger from 'intergalactic/utils/lib/logger';
+import hasLabels from 'intergalactic/utils/lib/hasLabels';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+/*__reshadow-styles__:"./style/link.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_qnrbt_gg_{display:inline-block;font-family:inherit;color:var(--intergalactic-text-link, #006dca);line-height:normal;position:relative;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;border:0;padding:0;margin:0;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:0;background:0 0;transition:color .15s ease-in-out}.___SLink_qnrbt_gg_:active,.___SLink_qnrbt_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_qnrbt_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_qnrbt_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_qnrbt_gg_.__active_qnrbt_gg_,.___SLink_qnrbt_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_qnrbt_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_qnrbt_gg_.__active_qnrbt_gg_ .___SText_qnrbt_gg_,.___SLink_qnrbt_gg_:active .___SText_qnrbt_gg_{border-color:currentColor}@media (hover:hover){.___SLink_qnrbt_gg_:hover .___SText_qnrbt_gg_{border-color:currentColor}}.___SLink_qnrbt_gg_.__enableVisited_qnrbt_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_qnrbt_gg_.__enableVisited_qnrbt_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_qnrbt_gg_.__keyboardFocused_qnrbt_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_qnrbt_gg_.__visually-disabled_qnrbt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_qnrbt_gg_.__noWrapText_qnrbt_gg_{white-space:nowrap}.___SLink_qnrbt_gg_.__inline_qnrbt_gg_{display:inline}.___SAddon_qnrbt_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle;pointer-events:none}.___SLink_qnrbt_gg_ .___SAddon_qnrbt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_qnrbt_gg_ .___SAddon_qnrbt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_qnrbt_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_qnrbt_gg_.__text-color_qnrbt_gg_{color:var(--text-color_qnrbt)}.___SLink_qnrbt_gg_.__text-color_qnrbt_gg_.__active_qnrbt_gg_,.___SLink_qnrbt_gg_.__text-color_qnrbt_gg_:active{color:var(--text-color_qnrbt);filter:brightness(.8)}@media (hover:hover){.___SLink_qnrbt_gg_.__text-color_qnrbt_gg_:hover{color:var(--text-color_qnrbt);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_qnrbt_gg_,.___SText_qnrbt_gg_{transition:none}}" /*__inner_css_end__*/, "qnrbt_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_qnrbt_gg_",
+  "_keyboardFocused": "__keyboardFocused_qnrbt_gg_",
+  "_visually-disabled": "__visually-disabled_qnrbt_gg_",
+  "_noWrapText": "__noWrapText_qnrbt_gg_",
+  "_inline": "__inline_qnrbt_gg_",
+  "__SAddon": "___SAddon_qnrbt_gg_",
+  "__SText": "___SText_qnrbt_gg_",
+  "_active": "__active_qnrbt_gg_",
+  "_enableVisited": "__enableVisited_qnrbt_gg_",
+  "_text-color": "__text-color_qnrbt_gg_",
+  "--text-color": "--text-color_qnrbt"
+});
+var RootLink = /*#__PURE__*/function (_Component) {
+  _inherits(RootLink, _Component);
+  var _super = _createSuper(RootLink);
+  function RootLink() {
+    var _this;
+    _classCallCheck(this, RootLink);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      ariaLabelledByContent: '',
+      visibleHint: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnterOnlyAddon", function () {
+      _this.setState({
+        visibleHint: true
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveOnlyAddon", function () {
+      _this.setState({
+        visibleHint: false
+      });
+    });
+    return _this;
+  }
+  _createClass(RootLink, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (process.env.NODE_ENV !== 'production') {
+        logger.warn(this.containerRef.current && !hasLabels(this.containerRef.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content", this.asProps['data-ui-name'] || RootLink.displayName);
+      }
+      if (this.asProps['aria-labelledby']) {
+        setTimeout(function () {
+          var _document$getElementB, _document$getElementB2;
+          _this2.setState({
+            ariaLabelledByContent: (_document$getElementB = (_document$getElementB2 = document.getElementById(_this2.asProps['aria-labelledby'])) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.textContent) !== null && _document$getElementB !== void 0 ? _document$getElementB : ''
+          });
+        }, 0);
+      }
+    }
+  }, {
+    key: "renderChildren",
+    value: function renderChildren() {
+      var _ref4;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        AddonLeft = _this$asProps.addonLeft,
+        AddonRight = _this$asProps.addonRight;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, AddonLeft ? /*#__PURE__*/React.createElement(Link.Addon, {
+        tag: AddonLeft
+      }) : null, addonTextChildren(Children, Link.Text, Link.Addon), AddonRight ? /*#__PURE__*/React.createElement(Link.Addon, {
+        tag: AddonRight
+      }) : null);
+    }
+  }, {
+    key: "renderOnlyAddons",
+    value: function renderOnlyAddons() {
+      var _ref5, _ref9, _ref10;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        AddonLeft = _this$asProps2.addonLeft,
+        AddonRight = _this$asProps2.addonRight,
+        title = _this$asProps2.title,
+        ariaLabel = _this$asProps2['aria-label'],
+        keyboardFocused = _this$asProps2.keyboardFocused;
+      var visibleHint = this.state.visibleHint;
+      var hintContent = (_ref9 = (_ref10 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref10 !== void 0 ? _ref10 : this.state.ariaLabelledByContent) !== null && _ref9 !== void 0 ? _ref9 : '';
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(Link.Addon, {
+        tag: Hint,
+        title: hintContent,
+        timeout: [250, 50],
+        visible: keyboardFocused || visibleHint
+      }, AddonLeft && /*#__PURE__*/React.createElement(AddonLeft, _ref5.cn("AddonLeft", {})), AddonRight && /*#__PURE__*/React.createElement(AddonRight, _ref5.cn("AddonRight", {})));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref6;
+      var SLink = Text;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        noWrap = _this$asProps3.noWrap,
+        color = _this$asProps3.color,
+        resolveColor = _this$asProps3.resolveColor,
+        disabled = _this$asProps3.disabled,
+        href = _this$asProps3.href,
+        hasChildren = _this$asProps3.children;
+      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLink, _ref6.cn("SLink", _objectSpread({}, _assignProps({
+        "role": 'link',
+        "tabIndex": disabled ? -1 : 0,
+        "use:href": disabled ? undefined : href,
+        "visually-disabled": disabled,
+        "text-color": resolveColor(color),
+        "tag": 'a',
+        "noWrapText": noWrap,
+        "use:noWrap": false,
+        "ref": this.containerRef,
+        "__excludeProps": ['disabled', 'aria-disabled'],
+        "onMouseEnter": this.handleMouseEnterOnlyAddon,
+        "onMouseLeave": this.handleMouseLeaveOnlyAddon
+      }, _ref))), hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons());
+    }
+  }]);
+  return RootLink;
+}(Component);
+_defineProperty(RootLink, "displayName", 'Link');
+_defineProperty(RootLink, "defaultProps", {
+  noWrap: true
+});
+_defineProperty(RootLink, "style", style);
+_defineProperty(RootLink, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
+function LinkText(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SText = Box;
+  var styles = props.styles;
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref7.cn("SText", _objectSpread({}, _assignProps2({
+    "tag": 'span'
+  }, _ref2))));
+}
+function Addon(props) {
+  var _ref3 = arguments[0],
+    _ref8;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, _assignProps3({
+    "tag": 'span'
+  }, _ref3))));
+}
+var Link = createComponent(RootLink, {
+  Text: LinkText,
+  Addon: Addon
+});
+export default Link;
+//# sourceMappingURL=Link.js.map

package/link/lib/es6/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":["React","createComponent","Component","Root","sstyled","Text","Box","Hint","keyboardFocusEnhance","addonTextChildren","logger","hasLabels","resolveColorEnhance","style","_sstyled","insert","RootLink","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","visibleHint","setState","_createClass","key","value","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","asProps","displayName","setTimeout","_document$getElementB","_document$getElementB2","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Link","Addon","tag","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","keyboardFocused","state","hintContent","timeout","visible","cn","render","_ref","_ref6","SLink","_this$asProps3","noWrap","color","resolveColor","disabled","href","hasChildren","children","_objectSpread","_assignProps","undefined","handleMouseEnterOnlyAddon","handleMouseLeaveOnlyAddon","LinkText","props","_ref2","arguments[0]","_ref7","SText","_assignProps2","_ref3","_ref8","SAddon","_assignProps3"],"sources":["../../src/Link.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Text } from '@semcore/typography';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './style/link.shadow.css';\n\nclass RootLink extends Component {\n  static displayName = 'Link';\n  static defaultProps = {\n    noWrap: true,\n  };\n  static style = style;\n  static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n    visibleHint: false,\n  };\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for links without text content`,\n        this.asProps['data-ui-name'] || RootLink.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  handleMouseEnterOnlyAddon = () => {\n    this.setState({ visibleHint: true });\n  };\n  handleMouseLeaveOnlyAddon = () => {\n    this.setState({ visibleHint: false });\n  };\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Link.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Link.Text, Link.Addon)}\n        {AddonRight ? <Link.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n      keyboardFocused,\n    } = this.asProps;\n    const { visibleHint } = this.state;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Link.Addon\n        tag={Hint}\n        title={hintContent}\n        timeout={[250, 50]}\n        visible={keyboardFocused || visibleHint}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Link.Addon>,\n    );\n  }\n\n  render() {\n    const SLink = Root;\n    const {\n      styles,\n      noWrap,\n      color,\n      resolveColor,\n      disabled,\n      href,\n      children: hasChildren,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SLink\n        role='link'\n        tabIndex={disabled ? -1 : 0}\n        use:href={disabled ? undefined : href}\n        visually-disabled={disabled}\n        render={Text}\n        text-color={resolveColor(color)}\n        tag='a'\n        noWrapText={noWrap}\n        use:noWrap={false}\n        ref={this.containerRef}\n        __excludeProps={['disabled', 'aria-disabled']}\n        onMouseEnter={this.handleMouseEnterOnlyAddon}\n        onMouseLeave={this.handleMouseLeaveOnlyAddon}\n      >\n        {hasChildren !== undefined ? this.renderChildren() : this.renderOnlyAddons()}\n      </SLink>,\n    );\n  }\n}\n\nfunction LinkText(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Link = createComponent(RootLink, {\n  Text: LinkText,\n  Addon,\n});\n\nexport default Link;\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { TextProps } from '@semcore/typography';\nimport { BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ILinkProps extends LinkProps, UnknownProperties {}\nexport type LinkProps = TextProps &\n  KeyboardFocusProps & {\n    /**\n     * CSS property of the display link (inline|inline-block)\n     * @default false\n     */\n    inline?: boolean;\n    /**\n     * Sets the link to the disabled state\n     */\n    disabled?: boolean;\n    /**\n     * Sets the link to the active state\n     */\n    active?: boolean;\n    /** This flag enables highlighting of the visited link\n     */\n    enableVisited?: boolean;\n    /** The text will not be moved to a new line\n     * @default true\n     */\n    noWrap?: boolean;\n    /** Left addon tag */\n    addonLeft?: React.ElementType;\n    /** Right addon tag */\n    addonRight?: React.ElementType;\n  };\n\ndeclare const Link: Intergalactic.Component<'a', LinkProps> & {\n  Text: Intergalactic.Component<'span', TextProps>;\n  Addon: Intergalactic.Component<'span', BoxProps>;\n};\n\nexport default Link;\n"],"mappings":""}

package/link/lib/es6/index.js

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

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

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

package/link/package.json

@@ -1 +1 @@
-{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.43.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/utils":"4.45.0","@semcore/typography":"5.50.0","@semcore/flex-box":"5.40.0","@semcore/tooltip":"6.47.2"},"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/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.43.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/utils":"4.45.0","@semcore/typography":"5.50.0","@semcore/flex-box":"5.40.0","@semcore/tooltip":"6.47.2"},"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/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}

package/mini-chart/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/mini-chart/lib/cjs/component/score/Donut.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScoreSemiDonut = exports.ScoreDonut = 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 _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 _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/mini-chart/lib/cjs/component/score/Line.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScoreLine = 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 _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 _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/mini-chart/lib/cjs/component/trend/Bar.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TrendHistogram = exports.TrendBar = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-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 _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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _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/mini-chart/lib/cjs/component/trend/Line.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TrendLine = exports.TrendArea = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-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 _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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _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/mini-chart/lib/cjs/component/trend/Trend.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Trend = void 0;
-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 _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 _react = _interopRequireDefault(require("react"));
 var _core = require("intergalactic/core");
 var Trend = /*#__PURE__*/function (_Component) {

package/mini-chart/lib/es6/component/score/Donut.js

@@ -0,0 +1,125 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+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 _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { assignProps } from 'intergalactic/core';
+/*__reshadow-styles__:"./donut.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mhc2s{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mhc2s_gg_.__loading_mhc2s_gg_,.___SLineGauge_mhc2s_gg_.__loading_mhc2s_gg_,.___STrendBar_mhc2s_gg_.__loading_mhc2s_gg_,.___STrendLine_mhc2s_gg_.__loading_mhc2s_gg_{animation-name:pulse_mhc2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_mhc2s_gg_.__semi_mhc2s_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_mhc2s_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_mhc2s_gg_.__animate_mhc2s_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "mhc2s_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_mhc2s_gg_",
+  "_loading": "__loading_mhc2s_gg_",
+  "__SDonutContainer": "___SDonutContainer_mhc2s_gg_",
+  "__STrendLine": "___STrendLine_mhc2s_gg_",
+  "__STrendBar": "___STrendBar_mhc2s_gg_",
+  "@pulse": "pulse_mhc2s",
+  "_animate": "__animate_mhc2s_gg_",
+  "_semi": "__semi_mhc2s_gg_"
+});
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
+var DonutRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DonutRoot, _Component);
+  var _super = _createSuper(DonutRoot);
+  function DonutRoot() {
+    _classCallCheck(this, DonutRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(DonutRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SDonutContainer = Box;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        styles = _this$asProps.styles,
+        _this$asProps$baseBgC = _this$asProps.baseBgColor,
+        baseBgColor = _this$asProps$baseBgC === void 0 ? 'chart-grid-bar-chart-base-bg' : _this$asProps$baseBgC,
+        _this$asProps$color = _this$asProps.color,
+        color = _this$asProps$color === void 0 ? 'chart-palette-order-1' : _this$asProps$color,
+        resolveColor = _this$asProps.resolveColor,
+        isSemiDonut = _this$asProps.isSemiDonut,
+        loading = _this$asProps.loading;
+      var strokeWidth = isSemiDonut ? 6 : 4;
+      var radius = isSemiDonut ? 9 : 10;
+      var baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;
+      var valueStrokeDasharray = baseStrokeDasharray * (value / 100);
+      var greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);
+      var offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;
+      var strokeDasharrayBetweenSpaces = "".concat(greyStrokeDasharray - 2 * offsetPoint, " ").concat(offsetPoint);
+      var spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 99 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
+      if (isSemiDonut) {
+        spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 95 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
+      }
+      var viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';
+      var strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));
+      var _extractAriaProps = extractAriaProps(this.asProps),
+        __excludeProps = _extractAriaProps.__excludeProps,
+        extractedAriaProps = _extractAriaProps.extractedAriaProps;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SDonutContainer, _ref2.cn("SDonutContainer", _objectSpread({}, _assignProps({
+        "semi": isSemiDonut,
+        "__excludeProps": __excludeProps
+      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
+        "width": '100%',
+        "height": '100%',
+        "viewBox": viewBox,
+        "fill": 'none',
+        "role": 'img'
+      }, extractedAriaProps)), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor(baseBgColor),
+        "strokeDasharray": loading ? undefined : "".concat(greyStrokeDasharray, " ").concat(baseStrokeDasharray),
+        "strokeDashoffset": strokeDashoffsetBase
+      })), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor(color),
+        "strokeDasharray": "".concat(valueStrokeDasharray, " ").concat(baseStrokeDasharray),
+        "strokeDashoffset": valueStrokeDasharray
+      }), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
+        "attributeName": 'stroke-dashoffset',
+        "values": "0;".concat(valueStrokeDasharray)
+      }))), value !== 100 && !isSemiDonut && /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor('chart-grid-border'),
+        "strokeDasharray": spaceStrokeDasharray,
+        "strokeDashoffset": -1 * valueStrokeDasharray
+      }))))));
+    }
+  }]);
+  return DonutRoot;
+}(Component);
+_defineProperty(DonutRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(DonutRoot, "style", style);
+_defineProperty(DonutRoot, "defaultProps", {
+  animate: true
+});
+export var ScoreDonut = createComponent(DonutRoot);
+ScoreDonut.displayName = 'MiniChart.ScoreDonut';
+export var ScoreSemiDonut = createComponent(DonutRoot, {}, {
+  enhancements: [function () {
+    return {
+      wrapperProps: function wrapperProps(props) {
+        return assignProps(props, {
+          isSemiDonut: true
+        });
+      }
+    };
+  }]
+});
+ScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';
+//# sourceMappingURL=Donut.js.map

package/mini-chart/lib/es6/component/score/Donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.js","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","assignProps","style","_sstyled","insert","extractAriaProps","DonutRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","_defineProperty","animate","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}