@semcore/d3-chart 1.0.0-8 → 1.2.0

package/lib/es6/Area.js

@@ -5,7 +5,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import { sstyled as _sstyled } from "@semcore/core";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -14,29 +14,29 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import { area, curveLinear, line } from 'd3-shape';
 import Dots from './Dots';
-import { Component, styled, css, __css__, set, create, map } from '@semcore/core';
+import { Component, sstyled } from '@semcore/core';
 import createElement from './createElement';
-import { definedData, scaleOfBandwidth, getNullData } from './utils';
+import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
+import ClipPath from './ClipPath';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 
 /*__reshadow-styles__:"./style/area.shadow.css"*/
-var _ref = (
+var style = (
 /*__reshadow_css_start__*/
-__css__(
+_sstyled.insert(
 /*__inner_css_start__*/
-".___SDot_1hrzl_gg_{stroke-width:2px;stroke:#fff;r:6px}.___SDot_1hrzl_gg_.__hide_1hrzl_gg_{display:none}.___SDot_1hrzl_gg_.__active_1hrzl_gg_{r:8px}.___SNull_1hrzl_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1hrzl_gg_.__hide_1hrzl_gg_{display:none}"
+".___SArea_110zq_gg_{fill:var(--color_16k7jnx);fill-opacity:.4}.___SAreaLine_110zq_gg_{stroke:var(--color_16k7jnx);stroke-width:3;fill:transparent}.___SArea_110zq_gg_,.___SAreaLine_110zq_gg_{transition-property:d;transition-duration:var(--duration_16k7jnx);transition-timing-function:ease-in-out}.___SNull_110zq_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_110zq_gg_.__hide_110zq_gg_{display:none}"
 /*__inner_css_end__*/
-, "10wrq0c_gg_")
+, "16k7jnx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1hrzl_gg_",
-  "__SDot": "___SDot_1hrzl_gg_",
-  "_hide": "__hide_1hrzl_gg_",
-  "_active": "__active_1hrzl_gg_",
-  "__SNull": "___SNull_1hrzl_gg_"
-}),
-    style = _extends({}, _ref);
-
-var styled_c8 = create([]);
+  "__SArea": "___SArea_110zq_gg_",
+  "--color": "--color_16k7jnx",
+  "__SAreaLine": "___SAreaLine_110zq_gg_",
+  "--duration": "--duration_16k7jnx",
+  "__SNull": "___SNull_110zq_gg_",
+  "_hide": "__hide_110zq_gg_"
+});
 
 var AreaRoot = /*#__PURE__*/function (_Component) {
   _inherits(AreaRoot, _Component);
@@ -63,46 +63,64 @@ var AreaRoot = /*#__PURE__*/function (_Component) {
         y: y,
         data: data,
         d3: d3Line,
-        fill: color
+        color: color
       };
     }
   }, {
     key: "getNullProps",
     value: function getNullProps() {
       var _this$asProps2 = this.asProps,
+          x = _this$asProps2.x,
           y = _this$asProps2.y,
           color = _this$asProps2.color,
           data = _this$asProps2.data,
           d3Line = _this$asProps2.d3Line;
       return {
-        d3Line: d3Line,
-        data: getNullData(data, d3Line.defined(), y),
-        fill: color
+        data: getNullData(data, definedNullData(x, y), y),
+        d3: d3Line,
+        color: color
       };
     }
   }, {
     key: "render",
     value: function render() {
+      var _ref;
+
       var SArea = this.Element;
+      var SAreaLine = 'path';
       var _this$asProps3 = this.asProps,
           styles = _this$asProps3.styles,
           hide = _this$asProps3.hide,
           d3 = _this$asProps3.d3,
           d3Line = _this$asProps3.d3Line,
           data = _this$asProps3.data,
-          fill = _this$asProps3.fill,
-          color = _this$asProps3.color;
-      return styled((set([styled_c8, styles]), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SArea, map("SArea", {
-        render: "path",
-        hide: hide,
-        fill: fill,
-        d: d3(data)
-      })), /*#__PURE__*/React.createElement("path", map("path", {
-        stroke: color,
-        strokeWidth: "3",
-        fill: "transparent",
-        d: d3Line(data)
-      })))));
+          color = _this$asProps3.color,
+          uid = _this$asProps3.uid,
+          size = _this$asProps3.size,
+          duration = _this$asProps3.duration;
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAreaLine, _ref.cn("SAreaLine", {
+        "clipPath": "url(#".concat(uid, ")"),
+        "d": d3Line(data),
+        "color": color,
+        "use:duration": "".concat(duration, "ms")
+      })), /*#__PURE__*/React.createElement(SArea, _ref.cn("SArea", {
+        "clipPath": "url(#".concat(uid, ")"),
+        "render": "path",
+        "d": d3(data),
+        "hide": hide,
+        "color": color,
+        "use:duration": "".concat(duration, "ms")
+      })), duration && /*#__PURE__*/React.createElement(ClipPath, _ref.cn("ClipPath", {
+        "setAttributeTag": function setAttributeTag(rect) {
+          rect.setAttribute('width', size[0]);
+        },
+        "id": uid,
+        "x": "0",
+        "y": "0",
+        "width": 0,
+        "height": size[1],
+        "transition": "width ".concat(duration, "ms ease-in-out")
+      })));
     }
   }]);
 
@@ -113,13 +131,15 @@ _defineProperty(AreaRoot, "displayName", 'Area');
 
 _defineProperty(AreaRoot, "style", style);
 
-_defineProperty(AreaRoot, "defaultProps", function (_ref2) {
-  var x = _ref2.x,
-      y = _ref2.y,
-      y0 = _ref2.y0,
-      $rootProps = _ref2.$rootProps,
-      _ref2$curve = _ref2.curve,
-      curve = _ref2$curve === void 0 ? curveLinear : _ref2$curve;
+_defineProperty(AreaRoot, "enhance", [uniqueIDEnhancement()]);
+
+_defineProperty(AreaRoot, "defaultProps", function (_ref3) {
+  var x = _ref3.x,
+      y = _ref3.y,
+      y0 = _ref3.y0,
+      $rootProps = _ref3.$rootProps,
+      _ref3$curve = _ref3.curve,
+      curve = _ref3$curve === void 0 ? curveLinear : _ref3$curve;
 
   var _$rootProps$scale = _slicedToArray($rootProps.scale, 2),
       xScale = _$rootProps$scale[0],
@@ -140,23 +160,25 @@ _defineProperty(AreaRoot, "defaultProps", function (_ref2) {
       return scaleOfBandwidth(yScale, p[y]);
     }),
     color: '#50aef4',
-    fill: '#50aef450'
+    duration: 500
   };
 });
 
-var styled_12c = create([]);
-
 function Null(props) {
+  var _ref2;
+
   var SNull = props.Element,
       styles = props.styles,
-      d3Line = props.d3Line,
+      d3 = props.d3,
       data = props.data,
-      hide = props.hide;
-  return styled((set([styled_12c, styles]), /*#__PURE__*/React.createElement(SNull, map("SNull", {
-    render: "path",
-    d: d3Line(data),
-    hide: hide
-  }))));
+      hide = props.hide,
+      color = props.color;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref2.cn("SNull", {
+    "render": "path",
+    "d": d3(data),
+    "hide": hide,
+    "color": color
+  }));
 }
 
 export default createElement(AreaRoot, {

package/lib/es6/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Area.js"],"names":["React","area","curveLinear","line","Dots","Component","styled","createElement","definedData","scaleOfBandwidth","getNullData","AreaRoot","asProps","x","y","color","data","d3Line","d3","fill","defined","SArea","Element","styles","hide","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","p","y1","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, styled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData } from './utils';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      fill: '#50aef450',\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      fill: color,\n    };\n  }\n\n  getNullProps() {\n    const { y, color, data, d3Line } = this.asProps;\n    return {\n      d3Line,\n      data: getNullData(data, d3Line.defined(), y),\n      fill: color,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const { styles, hide, d3, d3Line, data, fill, color } = this.asProps;\n    return styled(styles)(\n      <>\n        <SArea render=\"path\" hide={hide} fill={fill} d={d3(data)} />\n        <path stroke={color} strokeWidth=\"3\" fill=\"transparent\" d={d3Line(data)} />\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3Line, data, hide } = props;\n  return styled(styles)(<SNull render=\"path\" d={d3Line(data)} hide={hide} />);\n}\n\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}
+{"version":3,"sources":["../../src/Area.js"],"names":["React","area","curveLinear","line","Dots","Component","sstyled","createElement","definedData","scaleOfBandwidth","getNullData","definedNullData","ClipPath","uniqueIDEnhancement","AreaRoot","asProps","x","y","color","data","d3Line","d3","SArea","Element","SAreaLine","styles","hide","uid","size","duration","rect","setAttribute","style","y0","$rootProps","curve","scale","xScale","yScale","yRange","range","defined","p","y1","Null","props","SNull"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { area, curveLinear, line } from 'd3-shape';\nimport Dots from './Dots';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/area.shadow.css';\n\nclass AreaRoot extends Component {\n  static displayName = 'Area';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, y0, $rootProps, curve = curveLinear }) => {\n    const [xScale, yScale] = $rootProps.scale;\n    const yRange = yScale.range();\n\n    return {\n      d3: area()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y0((p) => (p[y0] ? scaleOfBandwidth(yScale, p[y0]) : yRange[0]))\n        .y1((p) => scaleOfBandwidth(yScale, p[y])),\n      d3Line: line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      color: '#50aef4',\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n\n    return {\n      x,\n      y,\n      data,\n      d3: d3Line,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, color, data, d3Line } = this.asProps;\n    return {\n      data: getNullData(data, definedNullData(x, y), y),\n      d3: d3Line,\n      color,\n    };\n  }\n\n  render() {\n    const SArea = this.Element;\n    const SAreaLine = 'path';\n    const { styles, hide, d3, d3Line, data, color, uid, size, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SAreaLine\n          clipPath={`url(#${uid})`}\n          d={d3Line(data)}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        <SArea\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          d={d3(data)}\n          hide={hide}\n          color={color}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide, color } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} color={color} />);\n}\n\nexport default createElement(AreaRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Area.js"}