intergalactic 15.105.0 → 15.106.0

package/link/lib/es6/Link.js

@@ -20,18 +20,18 @@ 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_pr68d_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_pr68d_gg_:active,.___SLink_pr68d_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_pr68d_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_pr68d_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_pr68d_gg_.__active_pr68d_gg_,.___SLink_pr68d_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_pr68d_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_pr68d_gg_.__active_pr68d_gg_ .___SText_pr68d_gg_,.___SLink_pr68d_gg_:active .___SText_pr68d_gg_{border-color:currentColor}@media (hover:hover){.___SLink_pr68d_gg_:hover .___SText_pr68d_gg_{border-color:currentColor}}.___SLink_pr68d_gg_.__enableVisited_pr68d_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_pr68d_gg_.__enableVisited_pr68d_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_pr68d_gg_.__keyboardFocused_pr68d_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_pr68d_gg_.__visually-disabled_pr68d_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_pr68d_gg_.__noWrapText_pr68d_gg_{white-space:nowrap}.___SLink_pr68d_gg_.__inline_pr68d_gg_{display:inline}.___SAddon_pr68d_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_pr68d_gg_ .___SAddon_pr68d_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_pr68d_gg_ .___SAddon_pr68d_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_pr68d_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_pr68d_gg_.__text-color_pr68d_gg_{color:var(--text-color_pr68d)}.___SLink_pr68d_gg_.__text-color_pr68d_gg_.__active_pr68d_gg_,.___SLink_pr68d_gg_.__text-color_pr68d_gg_:active{color:var(--text-color_pr68d);filter:brightness(.8)}@media (hover:hover){.___SLink_pr68d_gg_.__text-color_pr68d_gg_:hover{color:var(--text-color_pr68d);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_pr68d_gg_,.___SText_pr68d_gg_{transition:none}}" /*__inner_css_end__*/, "pr68d_gg_") /*__reshadow_css_end__*/, {
-  "__SLink": "___SLink_pr68d_gg_",
-  "_keyboardFocused": "__keyboardFocused_pr68d_gg_",
-  "_visually-disabled": "__visually-disabled_pr68d_gg_",
-  "_noWrapText": "__noWrapText_pr68d_gg_",
-  "_inline": "__inline_pr68d_gg_",
-  "__SAddon": "___SAddon_pr68d_gg_",
-  "__SText": "___SText_pr68d_gg_",
-  "_active": "__active_pr68d_gg_",
-  "_enableVisited": "__enableVisited_pr68d_gg_",
-  "_text-color": "__text-color_pr68d_gg_",
-  "--text-color": "--text-color_pr68d"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLink_p26h8_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_p26h8_gg_:active,.___SLink_p26h8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SLink_p26h8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SLink_p26h8_gg_::-moz-focus-inner{border:0;padding:0}.___SLink_p26h8_gg_.__active_p26h8_gg_,.___SLink_p26h8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLink_p26h8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLink_p26h8_gg_.__active_p26h8_gg_ .___SText_p26h8_gg_,.___SLink_p26h8_gg_:active .___SText_p26h8_gg_{border-color:currentColor}@media (hover:hover){.___SLink_p26h8_gg_:hover .___SText_p26h8_gg_{border-color:currentColor}}.___SLink_p26h8_gg_.__enableVisited_p26h8_gg_:visited{color:var(--intergalactic-text-link-visited, #8649e1)}@media (hover:hover){.___SLink_p26h8_gg_.__enableVisited_p26h8_gg_:visited:hover{color:var(--intergalactic-text-link-visited, #8649e1)}}.___SLink_p26h8_gg_.__keyboardFocused_p26h8_gg_{outline-color:var(--intergalactic-keyboard-focus-outline, rgba(0, 143, 248, 0.5));outline-style:solid;outline-width:3px}.___SLink_p26h8_gg_.__visually-disabled_p26h8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLink_p26h8_gg_.__noWrapText_p26h8_gg_{white-space:nowrap}.___SLink_p26h8_gg_.__inline_p26h8_gg_{display:inline}.___SAddon_p26h8_gg_{display:inline-flex;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-05x, 2px);vertical-align:middle}.___SLink_p26h8_gg_ .___SAddon_p26h8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SLink_p26h8_gg_ .___SAddon_p26h8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SText_p26h8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLink_p26h8_gg_.__text-color_p26h8_gg_{color:var(--text-color_p26h8)}.___SLink_p26h8_gg_.__text-color_p26h8_gg_.__active_p26h8_gg_,.___SLink_p26h8_gg_.__text-color_p26h8_gg_:active{color:var(--text-color_p26h8);filter:brightness(.8)}@media (hover:hover){.___SLink_p26h8_gg_.__text-color_p26h8_gg_:hover{color:var(--text-color_p26h8);filter:brightness(.8)}}@media (prefers-reduced-motion){.___SLink_p26h8_gg_,.___SText_p26h8_gg_{transition:none}}" /*__inner_css_end__*/, "p26h8_gg_") /*__reshadow_css_end__*/, {
+  "__SLink": "___SLink_p26h8_gg_",
+  "_keyboardFocused": "__keyboardFocused_p26h8_gg_",
+  "_visually-disabled": "__visually-disabled_p26h8_gg_",
+  "_noWrapText": "__noWrapText_p26h8_gg_",
+  "_inline": "__inline_p26h8_gg_",
+  "__SAddon": "___SAddon_p26h8_gg_",
+  "__SText": "___SText_p26h8_gg_",
+  "_active": "__active_p26h8_gg_",
+  "_enableVisited": "__enableVisited_p26h8_gg_",
+  "_text-color": "__text-color_p26h8_gg_",
+  "--text-color": "--text-color_p26h8"
 });
 var RootLink = /*#__PURE__*/function (_Component) {
   _inherits(RootLink, _Component);

package/link/package.json

@@ -1 +1 @@
-{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.36.3","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.32.2","@semcore/typography":"5.40.2","@semcore/flex-box":"5.31.2","@semcore/tooltip":"6.40.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/link"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/icon":"*"}}
+{"name":"intergalactic/link","description":"Semrush Link Component","version":"5.36.4","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.32.2","@semcore/typography":"5.41.0","@semcore/flex-box":"5.31.2","@semcore/tooltip":"6.40.4"},"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/component/score/Line.d.ts

@@ -1,15 +1,2 @@
-import { ComponentType } from 'intergalactic/core';
-import { BoxProps } from 'intergalactic/flex-box';
-import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
-import { CommonScoreProps } from './Score';
-export type ScoreLineGaugeProps = BoxProps & CommonScoreProps & {
-    /**
-     * Count of line segments
-     */
-    segments?: number;
-};
-type Enhances = {
-    resolveColor: ReturnType<typeof resolveColorEnhance>;
-};
-export declare const ScoreLine: ComponentType<ScoreLineGaugeProps, {}, {}, Enhances>;
-export {};
+import { ScoreLineComponent } from './Line.types';
+export declare const ScoreLine: ScoreLineComponent;

package/mini-chart/component/score/Line.types.d.ts

@@ -0,0 +1,48 @@
+import { Intergalactic, ComponentType } from 'intergalactic/utils/lib/core';
+import { CommonScoreProps } from './Score';
+import React from 'react';
+import { BoxProps, Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+type Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+export type SegmentColor = `chart-palette-order-${Range<1, 24>}`;
+export type SegmentProps = {
+    value: number;
+    /**
+     * Color of value
+     */
+    color: SegmentColor;
+};
+type SegmentComponent = React.FC<SegmentProps>;
+export type InnerSegmentProps = SegmentProps & {
+    styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+};
+type ValuedScoreProps = {
+    /**
+     * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)
+     */
+    value: number;
+    /**
+     * Color of value
+     */
+    color?: SegmentColor;
+    /**
+     * Count of line segments
+     */
+    segments?: number;
+    /**
+     * We don't accept children in this way
+     */
+    children?: never;
+};
+type CustomRenderScoreProps = {
+    children: SegmentComponent[];
+};
+export type ScoreLineGaugeProps = BoxProps & Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> & (ValuedScoreProps | CustomRenderScoreProps);
+export type Enhances = {
+    resolveColor: ReturnType<typeof resolveColorEnhance>;
+};
+export type ScoreLineComponent = ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> & {
+    Segment: Intergalactic.Component<typeof Box, SegmentProps>;
+};
+export {};

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

@@ -18,15 +18,15 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./donut.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1k05e{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1k05e_gg_.__loading_1k05e_gg_,.___SLineGauge_1k05e_gg_.__loading_1k05e_gg_,.___STrendBar_1k05e_gg_.__loading_1k05e_gg_,.___STrendLine_1k05e_gg_.__loading_1k05e_gg_{animation-name:pulse_1k05e;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1k05e_gg_.__semi_1k05e_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1k05e_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1k05e_gg_.__animate_1k05e_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "1k05e_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1k05e_gg_",
-  "_loading": "__loading_1k05e_gg_",
-  "__SDonutContainer": "___SDonutContainer_1k05e_gg_",
-  "__STrendLine": "___STrendLine_1k05e_gg_",
-  "__STrendBar": "___STrendBar_1k05e_gg_",
-  "@pulse": "pulse_1k05e",
-  "_animate": "__animate_1k05e_gg_",
-  "_semi": "__semi_1k05e_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_hc6bn{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_hc6bn_gg_.__loading_hc6bn_gg_,.___SLineGauge_hc6bn_gg_.__loading_hc6bn_gg_,.___STrendBar_hc6bn_gg_.__loading_hc6bn_gg_,.___STrendLine_hc6bn_gg_.__loading_hc6bn_gg_{animation-name:pulse_hc6bn;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_hc6bn_gg_.__semi_hc6bn_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_hc6bn_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_hc6bn_gg_.__animate_hc6bn_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "hc6bn_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_hc6bn_gg_",
+  "_loading": "__loading_hc6bn_gg_",
+  "__SDonutContainer": "___SDonutContainer_hc6bn_gg_",
+  "__STrendLine": "___STrendLine_hc6bn_gg_",
+  "__STrendBar": "___STrendBar_hc6bn_gg_",
+  "@pulse": "pulse_hc6bn",
+  "_animate": "__animate_hc6bn_gg_",
+  "_semi": "__semi_hc6bn_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DonutRoot, _Component);
@@ -73,7 +73,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         "cy": '12',
         "r": radius,
         "strokeWidth": strokeWidth,
-        "stroke": resolveColor('skeleton-bg'),
+        "stroke": resolveColor('chart-grid-bar-chart-base-bg'),
         "strokeDasharray": loading ? undefined : "".concat(greyStrokeDasharray, " ").concat(baseStrokeDasharray),
         "strokeDashoffset": -1 * valueStrokeDasharray
       })), !loading && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", _ref2.cn("circle", {

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

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","DonutRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","createComponent","exports","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';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\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      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\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut}>\n        <svg width='100%' height='100%' viewBox={viewBox} fill='none'>\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor('skeleton-bg')}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={-1 * valueStrokeDasharray}\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 && (\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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"}
+{"version":3,"file":"Donut.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","DonutRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","createComponent","exports","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';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\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      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\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut}>\n        <svg width='100%' height='100%' viewBox={viewBox} fill='none'>\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor('chart-grid-bar-chart-base-bg')}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={-1 * valueStrokeDasharray}\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 && (\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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"}

package/mini-chart/lib/cjs/component/score/Line.js

@@ -18,23 +18,23 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_8w653{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_8w653{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.___SDonutContainer_8w653_gg_.__loading_8w653_gg_,.___SLineGauge_8w653_gg_.__loading_8w653_gg_,.___STrendBar_8w653_gg_.__loading_8w653_gg_,.___STrendLine_8w653_gg_.__loading_8w653_gg_{animation-name:pulse_8w653;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_8w653_gg_{height:8px;background-color:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineGauge_8w653_gg_.__animate_8w653_gg_ .___SLineValue_8w653_gg_{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_8w653;animation-duration:.5s;animation-timing-function:ease-in-out}.___SLineValue_8w653_gg_{height:8px;background-color:var(--intergalactic-chart-palette-order-1, #2bb3ff);border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_8w653_gg_.__percent_8w653_gg_{width:var(--percent_8w653)}.___SLineValue_8w653_gg_.__color_8w653_gg_{background-color:var(--color_8w653, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_8w653_gg_.__segments_8w653_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGauge_8w653_gg_.__segments_8w653_gg_ .___SLineValue_8w653_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)0 0 var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGaugeSegment_8w653_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_8w653_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_8w653_gg_{height:8px;background:0 0;margin-right:1px;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}" /*__inner_css_end__*/, "8w653_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_8w653_gg_",
-  "_loading": "__loading_8w653_gg_",
-  "__SDonutContainer": "___SDonutContainer_8w653_gg_",
-  "__STrendLine": "___STrendLine_8w653_gg_",
-  "__STrendBar": "___STrendBar_8w653_gg_",
-  "@pulse": "pulse_8w653",
-  "_animate": "__animate_8w653_gg_",
-  "__SLineValue": "___SLineValue_8w653_gg_",
-  "_percent": "__percent_8w653_gg_",
-  "--percent": "--percent_8w653",
-  "_color": "__color_8w653_gg_",
-  "--color": "--color_8w653",
-  "_segments": "__segments_8w653_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_8w653_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_8w653_gg_",
-  "@move-line": "move-line_8w653"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1bky2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1bky2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1bky2_gg_.__loading_1bky2_gg_,.___SLineGauge_1bky2_gg_.__loading_1bky2_gg_,.___STrendBar_1bky2_gg_.__loading_1bky2_gg_,.___STrendLine_1bky2_gg_.__loading_1bky2_gg_{animation-name:pulse_1bky2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1bky2_gg_{height:8px;background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1bky2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1bky2_gg_.__percent_1bky2_gg_{width:var(--percent_1bky2)}.___SLineSegmentItem_1bky2_gg_.__color_1bky2_gg_,.___SLineValue_1bky2_gg_.__color_1bky2_gg_{background-color:var(--color_1bky2, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1bky2_gg_.__segments_1bky2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1bky2_gg_,.___SLineGaugeSegment_1bky2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1bky2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1bky2_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1bky2_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1bky2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "1bky2_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1bky2_gg_",
+  "_loading": "__loading_1bky2_gg_",
+  "__SDonutContainer": "___SDonutContainer_1bky2_gg_",
+  "__STrendLine": "___STrendLine_1bky2_gg_",
+  "__STrendBar": "___STrendBar_1bky2_gg_",
+  "@pulse": "pulse_1bky2",
+  "__SLineValue": "___SLineValue_1bky2_gg_",
+  "_percent": "__percent_1bky2_gg_",
+  "--percent": "--percent_1bky2",
+  "_color": "__color_1bky2_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1bky2_gg_",
+  "--color": "--color_1bky2",
+  "_segments": "__segments_1bky2_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1bky2_gg_",
+  "__SAnimationLine": "___SAnimationLine_1bky2_gg_",
+  "@move-line": "move-line_1bky2"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);
@@ -44,28 +44,56 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
   (0, _createClass2["default"])(LineRoot, [{
+    key: "getSegmentProps",
+    value: function getSegmentProps(segmentProps) {
+      var _this$asProps = this.asProps,
+        children = _this$asProps.children,
+        resolveColor = _this$asProps.resolveColor;
+      var sum = 0;
+      _react["default"].Children.forEach(children, function (child) {
+        if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
+          sum = sum + child.props.value;
+        }
+      });
+      var width = sum > 0 ? 100 * segmentProps.value / sum : 0;
+      return {
+        w: "".concat(width, "%"),
+        'use:color': resolveColor(segmentProps.color)
+      };
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3;
+        _ref5;
       var SLineGauge = _flexBox.Box;
       var SLineValue = _flexBox.Box;
+      var SAnimationLine = _flexBox.Box;
       var SLineGaugeSegment = _flexBox.Flex;
       var SLineSegmentItem = _flexBox.Box;
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        styles = _this$asProps.styles,
-        _this$asProps$color = _this$asProps.color,
-        color = _this$asProps$color === void 0 ? 'chart-palette-order-1' : _this$asProps$color,
-        resolveColor = _this$asProps.resolveColor,
-        segments = _this$asProps.segments,
-        loading = _this$asProps.loading;
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        styles = _this$asProps2.styles,
+        _this$asProps2$color = _this$asProps2.color,
+        color = _this$asProps2$color === void 0 ? 'chart-palette-order-1' : _this$asProps2$color,
+        resolveColor = _this$asProps2.resolveColor,
+        loading = _this$asProps2.loading,
+        children = _this$asProps2.children,
+        Children = _this$asProps2.Children,
+        animate = _this$asProps2.animate;
+      if (children !== undefined) {
+        var _ref3;
+        return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineGauge, _ref3.cn("SLineGauge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+          "segments": true
+        }, _ref))), /*#__PURE__*/_react["default"].createElement(SLineGaugeSegment, _ref3.cn("SLineGaugeSegment", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref3.cn("Children", {}))), animate && /*#__PURE__*/_react["default"].createElement(SAnimationLine, _ref3.cn("SAnimationLine", {})));
+      }
+      var segments = this.asProps.segments;
       var SegmentItems = [];
       if (segments) {
         for (var i = 0; i < segments; i++) {
-          var _ref2;
+          var _ref4;
           var width = "calc((100% - ".concat(segments - 1, "px) / ").concat(segments, ")");
-          SegmentItems.push((_ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineSegmentItem, _ref2.cn("SLineSegmentItem", {
+          SegmentItems.push((_ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineSegmentItem, _ref4.cn("SLineSegmentItem", {
             "key": i,
             "color": i < value ? resolveColor(color) : undefined,
             "w": width
@@ -76,20 +104,31 @@ var LineRoot = /*#__PURE__*/function (_Component) {
       if (segments) {
         percent = "".concat(value / segments * 100, "%");
       }
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineGauge, _ref3.cn("SLineGauge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), !loading && /*#__PURE__*/_react["default"].createElement(SLineValue, _ref3.cn("SLineValue", {
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineGauge, _ref5.cn("SLineGauge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), !loading && /*#__PURE__*/_react["default"].createElement(SLineValue, _ref5.cn("SLineValue", {
         "w": percent,
         "color": resolveColor(color)
-      })), Boolean(SegmentItems.length) && /*#__PURE__*/_react["default"].createElement(SLineGaugeSegment, _ref3.cn("SLineGaugeSegment", {}), SegmentItems));
+      })), Boolean(SegmentItems.length) && /*#__PURE__*/_react["default"].createElement(SLineGaugeSegment, _ref5.cn("SLineGaugeSegment", {}), SegmentItems), animate && /*#__PURE__*/_react["default"].createElement(SAnimationLine, _ref5.cn("SAnimationLine", {})));
     }
   }]);
   return LineRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(LineRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(LineRoot, "displayName", 'ScoreLine');
 (0, _defineProperty2["default"])(LineRoot, "style", style);
 (0, _defineProperty2["default"])(LineRoot, "defaultProps", {
   animate: true
 });
-var ScoreLine = (0, _core["default"])(LineRoot);
+function Segment(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var styles = props.styles;
+  var SLineSegmentItem = _flexBox.Box;
+  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
+}
+Segment.displayName = 'Segment';
+var ScoreLine = (0, _core["default"])(LineRoot, {
+  Segment: Segment
+});
 exports.ScoreLine = ScoreLine;
 ScoreLine.displayName = 'MiniChart.ScoreLine';
 //# sourceMappingURL=Line.js.map

package/mini-chart/lib/cjs/component/score/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","SLineGauge","Box","SLineValue","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps","styles","_this$asProps$color","color","resolveColor","segments","loading","SegmentItems","i","_ref2","width","concat","push","createElement","cn","undefined","percent","_objectSpread2","assignProps","Boolean","length","Component","_defineProperty2","resolveColorEnhance","animate","ScoreLine","createComponent","exports","displayName"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, Flex, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { CommonScoreProps } from './Score';\n\nimport style from './line.shadow.css';\n\nexport type ScoreLineGaugeProps = BoxProps &\n  CommonScoreProps & {\n    /**\n     * Count of line segments\n     */\n    segments?: number;\n  };\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n};\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      resolveColor,\n      segments,\n      loading,\n    } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n      </SLineGauge>,\n    );\n  }\n}\n\nexport const ScoreLine: ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> =\n  createComponent(LineRoot);\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","_index","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","React","Children","forEach","child","isValidElement","props","width","w","concat","color","render","_ref","_ref5","SLineGauge","Box","SLineValue","SAnimationLine","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","loading","animate","undefined","_ref3","createElement","cn","_objectSpread2","assignProps","segments","SegmentItems","i","_ref4","push","percent","Boolean","length","Component","_defineProperty2","resolveColorEnhance","Segment","_ref2","arguments[0]","_ref6","displayName","ScoreLine","createComponent","exports"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './line.shadow.css';\nimport {\n  Enhances,\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      w: `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles } = props;\n  const SLineSegmentItem = Root;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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"}

package/mini-chart/lib/cjs/component/score/Line.types.js

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

package/mini-chart/lib/cjs/component/score/Line.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import { Intergalactic, ComponentType } from '@semcore/utils/lib/core';\nimport { CommonScoreProps } from './Score';\nimport React from 'react';\nimport { BoxProps, Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = BoxProps &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n};\n\nexport type ScoreLineComponent = ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> & {\n  Segment: Intergalactic.Component<typeof Box, SegmentProps>;\n};\n"],"mappings":""}

package/mini-chart/lib/cjs/component/score/line.shadow.css

@@ -2,22 +2,14 @@
 
 SLineGauge {
   height: 8px;
-  background-color: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
+  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
   border-radius: var(--intergalactic-chart-rounded, 2px);
   overflow: hidden;
   position: relative;
 }
 
-SLineGauge[animate] SLineValue {
-  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
-  animation-name: move-line;
-  animation-duration: 0.5s;
-  animation-timing-function: ease-in-out;
-}
-
 SLineValue {
   height: 8px;
-  background-color: var(--intergalactic-chart-palette-order-1, #2bb3ff);
   border-radius: var(--intergalactic-chart-rounded, 2px) 0 0 var(--intergalactic-chart-rounded, 2px);
 }
 
@@ -25,7 +17,7 @@ SLineValue[percent] {
   width: var(--percent);
 }
 
-SLineValue[color] {
+SLineValue[color], SLineSegmentItem[color] {
   background-color: var(--color, var(--intergalactic-chart-palette-order-1, #2bb3ff));
 }
 
@@ -33,11 +25,7 @@ SLineGauge[segments] {
   border-radius: var(--intergalactic-progress-bar-rounded, 6px);
 }
 
-SLineGauge[segments] SLineValue {
-  border-radius: var(--intergalactic-progress-bar-rounded, 6px) 0 0 var(--intergalactic-progress-bar-rounded, 6px);
-}
-
-SLineGaugeSegment {
+SLineGaugeSegment, SAnimationLine {
   position: absolute;
   top: 0;
   left: 0;
@@ -53,14 +41,22 @@ SLineSegmentItem:last-child {
 SLineSegmentItem {
   height: 8px;
   background: transparent;
-  margin-right: 1px;
   border-right-color: var(--intergalactic-chart-grid-border, #ffffff);
   border-right-style: solid;
   border-right-width: 1px;
   box-sizing: content-box;
 }
 
+SAnimationLine {
+  background-color: var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);
+  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
+  animation-name: move-line;
+  animation-duration: 0.5s;
+  animation-timing-function: ease-in-out;
+  animation-fill-mode: forwards;
+}
+
 @keyframes move-line {
-  0% {transform: translateX(-100%);}
-  100% {transform: translateX(0);}
+  0% {transform: translateX(0);}
+  100% {transform: translateX(100%);}
 }

package/mini-chart/lib/cjs/component/trend/Bar.js

@@ -19,13 +19,13 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1jd5v{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1jd5v_gg_.__loading_1jd5v_gg_,.___SLineGauge_1jd5v_gg_.__loading_1jd5v_gg_,.___STrendBar_1jd5v_gg_.__loading_1jd5v_gg_,.___STrendLine_1jd5v_gg_.__loading_1jd5v_gg_{animation-name:pulse_1jd5v;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1jd5v_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1jd5v_gg_",
-  "_loading": "__loading_1jd5v_gg_",
-  "__SDonutContainer": "___SDonutContainer_1jd5v_gg_",
-  "__STrendLine": "___STrendLine_1jd5v_gg_",
-  "__STrendBar": "___STrendBar_1jd5v_gg_",
-  "@pulse": "pulse_1jd5v"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_dovxk{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_dovxk_gg_.__loading_dovxk_gg_,.___SLineGauge_dovxk_gg_.__loading_dovxk_gg_,.___STrendBar_dovxk_gg_.__loading_dovxk_gg_,.___STrendLine_dovxk_gg_.__loading_dovxk_gg_{animation-name:pulse_dovxk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "dovxk_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_dovxk_gg_",
+  "_loading": "__loading_dovxk_gg_",
+  "__SDonutContainer": "___SDonutContainer_dovxk_gg_",
+  "__STrendLine": "___STrendLine_dovxk_gg_",
+  "__STrendBar": "___STrendBar_dovxk_gg_",
+  "@pulse": "pulse_dovxk"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendBarRoot, _Trend);
@@ -80,7 +80,7 @@ var TrendBarRoot = /*#__PURE__*/function (_Trend) {
         "height": '100%',
         "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight)
       }), this.data.map(function (barItem, index) {
-        var color = resolveColor('skeleton-bg');
+        var color = resolveColor('chart-palette-order-other-data');
         if (barItem.color) {
           color = resolveColor(barItem.color);
         }

package/mini-chart/lib/cjs/component/trend/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_resolveColorEnhance","_Trend2","_flexBox","style","_index","sstyled","insert","TrendBarRoot","_Trend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","value","_this$asProps","asProps","data","loading","defaultData","render","_ref","_ref2","_this","STrendBar","Box","_this$asProps2","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","createElement","cn","_objectSpread2","assignProps","containerRef","concat","svgWidth","svgHeight","map","barItem","index","color","x","y","defaultHeight","width","height","fill","attributeName","values","dur","Trend","_defineProperty2","resolveColorEnhance","TrendBar","createComponent","exports","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isHistogram?: true;\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, Enhances> {\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data']}>\n        <svg width='100%' height='100%' viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}>\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('skeleton-bg');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName={'y'}\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur={'500ms'}\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances> =\n  createComponent(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances> = createComponent(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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"}
+{"version":3,"file":"Bar.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_resolveColorEnhance","_Trend2","_flexBox","style","_index","sstyled","insert","TrendBarRoot","_Trend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","value","_this$asProps","asProps","data","loading","defaultData","render","_ref","_ref2","_this","STrendBar","Box","_this$asProps2","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","createElement","cn","_objectSpread2","assignProps","containerRef","concat","svgWidth","svgHeight","map","barItem","index","color","x","y","defaultHeight","width","height","fill","attributeName","values","dur","Trend","_defineProperty2","resolveColorEnhance","TrendBar","createComponent","exports","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isHistogram?: true;\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, Enhances> {\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data']}>\n        <svg width='100%' height='100%' viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}>\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('chart-palette-order-other-data');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName={'y'}\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur={'500ms'}\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances> =\n  createComponent(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances> = createComponent(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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"}

package/mini-chart/lib/cjs/component/trend/Line.js

@@ -20,13 +20,13 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _Trend2 = require("./Trend");
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1jd5v{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1jd5v_gg_.__loading_1jd5v_gg_,.___SLineGauge_1jd5v_gg_.__loading_1jd5v_gg_,.___STrendBar_1jd5v_gg_.__loading_1jd5v_gg_,.___STrendLine_1jd5v_gg_.__loading_1jd5v_gg_{animation-name:pulse_1jd5v;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1jd5v_gg_") /*__reshadow_css_end__*/, {
-  "__SLineGauge": "___SLineGauge_1jd5v_gg_",
-  "_loading": "__loading_1jd5v_gg_",
-  "__SDonutContainer": "___SDonutContainer_1jd5v_gg_",
-  "__STrendLine": "___STrendLine_1jd5v_gg_",
-  "__STrendBar": "___STrendBar_1jd5v_gg_",
-  "@pulse": "pulse_1jd5v"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_dovxk{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_dovxk_gg_.__loading_dovxk_gg_,.___SLineGauge_dovxk_gg_.__loading_dovxk_gg_,.___STrendBar_dovxk_gg_.__loading_dovxk_gg_,.___STrendLine_dovxk_gg_.__loading_dovxk_gg_{animation-name:pulse_dovxk;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "dovxk_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_dovxk_gg_",
+  "_loading": "__loading_dovxk_gg_",
+  "__SDonutContainer": "___SDonutContainer_dovxk_gg_",
+  "__STrendLine": "___STrendLine_dovxk_gg_",
+  "__STrendBar": "___STrendBar_dovxk_gg_",
+  "@pulse": "pulse_dovxk"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   (0, _inherits2["default"])(TrendLineRoot, _Trend);