@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/esm/Line.mjs

@@ -1,160 +1,180 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, Component } from "@semcore/core";
 import uniqueIDEnhancement, { useUID } from "@semcore/core/lib/utils/uniqueID";
 import { bisector } from "d3-array";
-import { area, curveCardinal, line, curveLinear } from "d3-shape";
+import { curveCardinal, area, line, curveLinear } from "d3-shape";
 import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
 import createElement from "./createElement.mjs";
 import Dots from "./Dots.mjs";
 import { resolvePatternDasharray } from "./Pattern.mjs";
-import { interpolateValue, getNullData, eventToPoint, invert, definedData, definedNullData, getChartDefaultColorName, scaleOfBandwidth } from "./utils.mjs";
+import { interpolateValue, definedData, getNullData, eventToPoint, invert, getChartDefaultColorName, definedNullData, scaleOfBandwidth } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/line.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLine_17d3x_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_17d3x);transition-timing-function:ease-in-out}.___SLine_17d3x_gg_.__color_17d3x_gg_{stroke:var(--color_17d3x)}.___SLine_17d3x_gg_.__hide_17d3x_gg_{display:none}.___SLine_17d3x_gg_.__transparent_17d3x_gg_{opacity:.3}.___SNull_17d3x_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_17d3x_gg_.__hide_17d3x_gg_{display:none}.___SLineArea_17d3x_gg_{transition-property:d;transition-duration:var(--duration_17d3x);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_17d3x_gg_.__color_17d3x_gg_{fill:var(--color_17d3x)}",
+    ".___SLine_7eofj_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out}.___SLine_7eofj_gg_.__color_7eofj_gg_{stroke:var(--color_7eofj)}.___SLine_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLine_7eofj_gg_.__transparent_7eofj_gg_{opacity:.3}.___SNull_7eofj_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_7eofj_gg_.__hide_7eofj_gg_{display:none}.___SLineArea_7eofj_gg_{transition-property:d;transition-duration:var(--duration_7eofj);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_7eofj_gg_.__color_7eofj_gg_{fill:var(--color_7eofj)}",
     /*__inner_css_end__*/
-    "17d3x_gg_"
+    "7eofj_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLine": "___SLine_17d3x_gg_",
-    "--duration": "--duration_17d3x",
-    "_color": "__color_17d3x_gg_",
-    "--color": "--color_17d3x",
-    "_hide": "__hide_17d3x_gg_",
-    "_transparent": "__transparent_17d3x_gg_",
-    "__SNull": "___SNull_17d3x_gg_",
-    "__SLineArea": "___SLineArea_17d3x_gg_"
+    "__SLine": "___SLine_7eofj_gg_",
+    "--duration": "--duration_7eofj",
+    "_color": "__color_7eofj_gg_",
+    "--color": "--color_7eofj",
+    "_hide": "__hide_7eofj_gg_",
+    "_transparent": "__transparent_7eofj_gg_",
+    "__SNull": "___SNull_7eofj_gg_",
+    "__SLineArea": "___SLineArea_7eofj_gg_"
   })
 );
-var LineRoot = /* @__PURE__ */ (function(_Component) {
-  function LineRoot2() {
-    _classCallCheck(this, LineRoot2);
-    return _callSuper(this, LineRoot2, arguments);
+class LineRoot extends Component {
+  getDotsProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    } = this.asProps;
+    return {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor,
+      duration,
+      transparent,
+      patterns,
+      onClick
+    };
   }
-  _inherits(LineRoot2, _Component);
-  return _createClass(LineRoot2, [{
-    key: "getDotsProps",
-    value: function getDotsProps() {
-      var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, d3 = _this$asProps.d3, color = _this$asProps.color, resolveColor = _this$asProps.resolveColor, duration = _this$asProps.duration, transparent = _this$asProps.transparent, patterns = _this$asProps.patterns, onClick = _this$asProps.onClick;
-      return {
-        x,
-        y,
-        d3,
-        color,
-        resolveColor,
-        duration,
-        transparent,
-        patterns,
-        onClick
-      };
-    }
-  }, {
-    key: "getNullProps",
-    value: function getNullProps() {
-      var _this$asProps2 = this.asProps, x = _this$asProps2.x, y = _this$asProps2.y, d3 = _this$asProps2.d3, color = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
-      var data = this.asProps.data.filter(function(item) {
-        return item[y] !== interpolateValue;
-      });
-      return {
-        d3,
-        // TODO: vertical
-        data: getNullData(data, definedNullData(x, y), y),
-        color,
-        resolveColor
-      };
-    }
-  }, {
-    key: "getAreaProps",
-    value: function getAreaProps() {
-      var _this$asProps3 = this.asProps, x = _this$asProps3.x, y = _this$asProps3.y, color = _this$asProps3.color, hide = _this$asProps3.hide, duration = _this$asProps3.duration, scale = _this$asProps3.scale;
-      var data = this.asProps.data.filter(function(item) {
-        return item[y] !== interpolateValue;
-      });
-      return {
-        x,
-        y,
-        data,
-        color,
-        hide,
-        duration,
-        scale
-      };
-    }
-  }, {
-    key: "handlerOnClick",
-    value: function handlerOnClick(e) {
-      e.stopPropagation();
-      var _this$asProps4 = this.asProps, rootRef = _this$asProps4.rootRef, _this$asProps4$scale = _slicedToArray(_this$asProps4.scale, 1), xScale = _this$asProps4$scale[0], data = _this$asProps4.data, x = _this$asProps4.x, onClick = _this$asProps4.onClick;
-      if (!onClick) return;
-      var _eventToPoint = eventToPoint(e, rootRef.current), _eventToPoint2 = _slicedToArray(_eventToPoint, 1), pX = _eventToPoint2[0];
-      var vX = invert(xScale, pX);
-      var index = bisector(function(d) {
-        return d[x];
-      }).center(data, vX);
-      onClick(index, e);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref;
-      var SLine = this.Element;
-      var _this$asProps5 = this.asProps, styles = _this$asProps5.styles, hide = _this$asProps5.hide, color = _this$asProps5.color, resolveColor = _this$asProps5.resolveColor, uid = _this$asProps5.uid, size = _this$asProps5.size, d3 = _this$asProps5.d3, duration = _this$asProps5.duration, x = _this$asProps5.x, y = _this$asProps5.y, transparent = _this$asProps5.transparent, patterns = _this$asProps5.patterns;
-      var data = this.asProps.data.filter(function(item) {
-        return item[y] !== interpolateValue;
-      });
-      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
-      this.asProps.dataHintsHandler.establishDataType("time-series");
-      var patternKey = color || getChartDefaultColorName(0);
-      return _ref = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SLine, _ref.cn("SLine", {
-        "aria-hidden": true,
-        "clipPath": "url(#".concat(uid, ")"),
-        "render": "path",
-        "hide": hide,
-        "color": resolveColor(color),
-        "transparent": transparent,
-        "d": d3(data),
-        "use:duration": "".concat(duration, "ms"),
-        "strokeDasharray": patterns ? resolvePatternDasharray(patternKey, patterns) : void 0,
-        "onClickCapture": this.handlerOnClick.bind(this),
-        "pointerEvents": "stroke"
-      })), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
-        "aria-hidden": true,
-        "duration": duration,
-        "id": uid,
-        "x": "0",
-        "y": "0",
-        "width": 0,
-        "height": size[1]
-      })));
-    }
-  }]);
-})(Component);
+  getNullProps() {
+    const {
+      x,
+      y,
+      d3,
+      color,
+      resolveColor
+    } = this.asProps;
+    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);
+    return {
+      d3,
+      // TODO: vertical
+      data: getNullData(data, definedNullData(x, y), y),
+      color,
+      resolveColor
+    };
+  }
+  getAreaProps() {
+    const {
+      x,
+      y,
+      color,
+      hide,
+      duration,
+      scale
+    } = this.asProps;
+    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);
+    return {
+      x,
+      y,
+      data,
+      color,
+      hide,
+      duration,
+      scale
+    };
+  }
+  handlerOnClick(e) {
+    e.stopPropagation();
+    const {
+      rootRef,
+      scale: [xScale],
+      data,
+      x,
+      onClick
+    } = this.asProps;
+    if (!onClick) return;
+    const [pX] = eventToPoint(e, rootRef.current);
+    const vX = invert(xScale, pX);
+    const index = bisector((d) => d[x]).center(data, vX);
+    onClick(index, e);
+  }
+  render() {
+    var _ref;
+    const SLine = this.Element;
+    const {
+      styles,
+      hide,
+      color,
+      resolveColor,
+      uid,
+      size,
+      d3,
+      duration,
+      x,
+      y,
+      transparent,
+      patterns
+    } = this.asProps;
+    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);
+    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+    this.asProps.dataHintsHandler.establishDataType("time-series");
+    const patternKey = color || getChartDefaultColorName(0);
+    return _ref = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SLine, _ref.cn("SLine", {
+      "aria-hidden": true,
+      "clipPath": `url(#${uid})`,
+      "render": "path",
+      "hide": hide,
+      "color": resolveColor(color),
+      "transparent": transparent,
+      "d": d3(data),
+      "use:duration": `${duration}ms`,
+      "strokeDasharray": patterns ? resolvePatternDasharray(patternKey, patterns) : void 0,
+      "onClickCapture": this.handlerOnClick.bind(this),
+      "pointerEvents": "stroke"
+    })), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
+      "aria-hidden": true,
+      "duration": duration,
+      "id": uid,
+      "x": "0",
+      "y": "0",
+      "width": 0,
+      "height": size[1]
+    })));
+  }
+}
 _defineProperty(LineRoot, "displayName", "Line");
 _defineProperty(LineRoot, "style", style);
 _defineProperty(LineRoot, "enhance", [uniqueIDEnhancement()]);
-_defineProperty(LineRoot, "defaultProps", function(_ref4) {
-  var x = _ref4.x, y = _ref4.y, $rootProps = _ref4.$rootProps, _ref4$curve = _ref4.curve, curve = _ref4$curve === void 0 ? curveLinear : _ref4$curve, scale = _ref4.scale;
-  var _ref5 = scale || $rootProps.scale, _ref6 = _slicedToArray(_ref5, 2), xScale = _ref6[0], yScale = _ref6[1];
+_defineProperty(LineRoot, "defaultProps", ({
+  x,
+  y,
+  $rootProps,
+  curve = curveLinear,
+  scale
+}) => {
+  const [xScale, yScale] = scale || $rootProps.scale;
   return {
-    d3: line().defined(definedData(x, y)).curve(curve).x(function(p) {
-      return scaleOfBandwidth(xScale, p[x]);
-    }).y(function(p) {
-      return scaleOfBandwidth(yScale, p[y]);
-    }),
+    d3: line().defined(definedData(x, y)).curve(curve).x((p) => scaleOfBandwidth(xScale, p[x])).y((p) => scaleOfBandwidth(yScale, p[y])),
     duration: 500
   };
 });
 function Null(props) {
   var _ref2;
-  var SNull = props.Element, styles = props.styles, d3 = props.d3, data = props.data, hide = props.hide;
+  const {
+    Element: SNull,
+    styles,
+    d3,
+    data,
+    hide
+  } = props;
   return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SNull, _ref2.cn("SNull", {
     "render": "path",
     "d": d3(data),
@@ -162,12 +182,27 @@ function Null(props) {
   }));
 }
 function Area(props) {
-  var uid = useUID();
-  var SLineArea = props.Element, styles = props.styles, data = props.data, hide = props.hide, duration = props.duration, color = props.color, scale = props.scale, x = props.x, y0 = props.y0, y1 = props.y1, _props$curve = props.curve, curve = _props$curve === void 0 ? curveCardinal : _props$curve, area$1 = props.area, patterns = props.patterns, _props$autoInterpolat = props.autoInterpolate, autoInterpolate = _props$autoInterpolat === void 0 ? true : _props$autoInterpolat;
-  var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
-  var dataToArea = React.useMemo(function() {
+  const uid = useUID();
+  const {
+    Element: SLineArea,
+    styles,
+    data,
+    hide,
+    duration,
+    color,
+    scale,
+    x,
+    y0,
+    y1,
+    curve = curveCardinal,
+    area: area$1,
+    patterns,
+    autoInterpolate = true
+  } = props;
+  const [xScale, yScale] = scale;
+  const dataToArea = React.useMemo(() => {
     if (area$1) return area$1;
-    var chunked = data.reduce(function(acc, d) {
+    const chunked = data.reduce((acc, d) => {
       if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;
       if (definedData(y0, y1)(d)) {
         acc[acc.length - 1].push(d);
@@ -181,24 +216,18 @@ function Area(props) {
     }
     return chunked;
   }, [data, y0, y1, area$1, autoInterpolate]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataToArea.map(function(chunk, index) {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataToArea.map((chunk, index) => {
     var _ref3;
-    var d3 = area().curve(curve).x(function(data2) {
-      return xScale(data2[x]);
-    }).y0(function(data2) {
-      return yScale(data2[y0]);
-    }).y1(function(data2) {
-      return yScale(data2[y1]);
-    });
+    const d3 = area().curve(curve).x((data2) => xScale(data2[x])).y0((data2) => yScale(data2[y0])).y1((data2) => yScale(data2[y1]));
     return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SLineArea, _ref3.cn("SLineArea", {
-      "key": "".concat(chunk.length, "-").concat(index),
+      "key": `${chunk.length}-${index}`,
       "aria-hidden": true,
-      "clipPath": "url(#".concat(uid, ")"),
+      "clipPath": `url(#${uid})`,
       "render": "path",
       "hide": hide,
       "color": color,
       "d": d3(chunk),
-      "use:duration": "".concat(duration, "ms"),
+      "use:duration": `${duration}ms`,
       "patterns": patterns
     }));
   }));

package/lib/esm/Pattern.mjs

@@ -1,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
 import React from "react";
-var _excluded = ["color", "patternKey", "patterns"];
-var defaultDasharrays = ["4 4", "8 8", "2 4", "4 8", "8 2", "8 4", "12 4", "2 2"];
-var defaultPatterns = {
+const defaultDasharrays = ["4 4", "8 8", "2 4", "4 8", "8 2", "8 4", "12 4", "2 2"];
+const defaultPatterns = {
   starSmall: {
     fill: {
       viewBox: "0 0 20 20",
@@ -429,90 +426,97 @@ var defaultPatterns = {
     dasharray: defaultDasharrays[7]
   }
 };
-var defaultPatternsList = Object.values(defaultPatterns);
-var patternsKeysOrderCache = /* @__PURE__ */ new WeakMap();
+const defaultPatternsList = Object.values(defaultPatterns);
+const patternsKeysOrderCache = /* @__PURE__ */ new WeakMap();
 patternsKeysOrderCache.set(defaultPatternsList, []);
-var resolvePatternIndex = function resolvePatternIndex2(patternKey, patterns) {
-  if (_typeof(patterns) !== "object") return 0;
+const resolvePatternIndex = (patternKey, patterns) => {
+  if (typeof patterns !== "object") return 0;
   if (!patternsKeysOrderCache.has(patterns)) {
     patternsKeysOrderCache.set(patterns, []);
   }
-  var patternsKeysCachedList = patternsKeysOrderCache.get(patterns);
-  var index = patternsKeysCachedList.indexOf(patternKey);
+  const patternsKeysCachedList = patternsKeysOrderCache.get(patterns);
+  let index = patternsKeysCachedList.indexOf(patternKey);
   if (index === -1) {
     index = patternsKeysCachedList.length;
     patternsKeysCachedList.push(patternKey);
   }
   return index;
 };
-var resolvePattern = function resolvePattern2(patternKey) {
-  var patternsConfig = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
-  if (_typeof(patternsConfig) === "object" && patternsConfig && !Array.isArray(patternsConfig)) return patternsConfig;
+const resolvePattern = (patternKey, patternsConfig = true) => {
+  if (typeof patternsConfig === "object" && patternsConfig && !Array.isArray(patternsConfig)) return patternsConfig;
   if (typeof patternsConfig === "string") {
     if (!defaultPatterns[patternsConfig]) {
-      var available = Object.keys(defaultPatterns).join(", ");
-      throw new Error("No default pattern ".concat(patternsConfig, " found. Options ").concat(available, " are available. If you want to use cusom pattern, pass it as object."));
+      const available = Object.keys(defaultPatterns).join(", ");
+      throw new Error(`No default pattern ${patternsConfig} found. Options ${available} are available. If you want to use cusom pattern, pass it as object.`);
     }
     return defaultPatterns[patternsConfig];
   }
-  var patterns = patternsConfig === true ? defaultPatternsList : patternsConfig;
-  var patternIndex = resolvePatternIndex(patternKey, patterns);
+  const patterns = patternsConfig === true ? defaultPatternsList : patternsConfig;
+  let patternIndex = resolvePatternIndex(patternKey, patterns);
   patternIndex = patternIndex % patterns.length;
   return patterns[patternIndex];
 };
-var PatternFill = function PatternFill2(_ref) {
-  var id = _ref.id, color = _ref.color, patternKey = _ref.patternKey, _ref$patterns = _ref.patterns, patterns = _ref$patterns === void 0 ? defaultPatternsList : _ref$patterns;
-  var DefaultPattern = React.useMemo(function() {
-    var _resolvePattern = resolvePattern(patternKey, patterns), fill = _resolvePattern.fill;
-    return function() {
-      return /* @__PURE__ */ React.createElement("pattern", {
-        id,
-        fill: color,
-        x: "0",
-        y: "0",
-        width: "12",
-        height: "12",
-        viewBox: fill.viewBox,
-        patternUnits: "userSpaceOnUse"
-      }, fill.children);
-    };
+const PatternFill = ({
+  id,
+  color,
+  patternKey,
+  patterns = defaultPatternsList
+}) => {
+  const DefaultPattern = React.useMemo(() => {
+    const {
+      fill
+    } = resolvePattern(patternKey, patterns);
+    return () => /* @__PURE__ */ React.createElement("pattern", {
+      id,
+      fill: color,
+      x: "0",
+      y: "0",
+      width: "12",
+      height: "12",
+      viewBox: fill.viewBox,
+      patternUnits: "userSpaceOnUse"
+    }, fill.children);
   }, [patternKey, id, color, patterns]);
   return /* @__PURE__ */ React.createElement(DefaultPattern, null);
 };
-var getPatternSymbolSize = function getPatternSymbolSize2(_ref2) {
-  var _patternData$symbol;
-  var patternKey = _ref2.patternKey, patterns = _ref2.patterns;
-  var patternData = resolvePattern(patternKey, patterns);
-  if (!(patternData !== null && patternData !== void 0 && (_patternData$symbol = patternData.symbol) !== null && _patternData$symbol !== void 0 && _patternData$symbol.size)) return [10, 10];
+const getPatternSymbolSize = ({
+  patternKey,
+  patterns
+}) => {
+  var _a;
+  const patternData = resolvePattern(patternKey, patterns);
+  if (!((_a = patternData == null ? void 0 : patternData.symbol) == null ? void 0 : _a.size)) return [10, 10];
   return patternData.symbol.size;
 };
-var PatternSymbol = function PatternSymbol2(_ref3) {
-  var color = _ref3.color, patternKey = _ref3.patternKey, patterns = _ref3.patterns, props = _objectWithoutProperties(_ref3, _excluded);
-  var DefaultSymbol = React.useMemo(function() {
-    var patternData = resolvePattern(patternKey, patterns);
-    var children = patternData === null || patternData === void 0 ? void 0 : patternData.symbol.children;
-    var viewBox = patternData === null || patternData === void 0 ? void 0 : patternData.symbol.viewBox;
-    var width = patternData === null || patternData === void 0 ? void 0 : patternData.symbol.size[0];
-    var height = patternData === null || patternData === void 0 ? void 0 : patternData.symbol.size[1];
-    return function(props2) {
-      return /* @__PURE__ */ React.createElement("svg", _extends({
-        fill: color,
-        x: "0",
-        y: "0",
-        width,
-        height,
-        viewBox,
-        strokeWidth: "1"
-      }, propsForElement(props2, "svg"), {
-        "aria-hidden": true
-      }), children);
-    };
+const PatternSymbol = ({
+  color,
+  patternKey,
+  patterns,
+  ...props
+}) => {
+  const DefaultSymbol = React.useMemo(() => {
+    const patternData = resolvePattern(patternKey, patterns);
+    const children = patternData == null ? void 0 : patternData.symbol.children;
+    const viewBox = patternData == null ? void 0 : patternData.symbol.viewBox;
+    const width = patternData == null ? void 0 : patternData.symbol.size[0];
+    const height = patternData == null ? void 0 : patternData.symbol.size[1];
+    return (props2) => /* @__PURE__ */ React.createElement("svg", _extends({
+      fill: color,
+      x: "0",
+      y: "0",
+      width,
+      height,
+      viewBox,
+      strokeWidth: "1"
+    }, propsForElement(props2, "svg"), {
+      "aria-hidden": true
+    }), children);
   }, [patternKey, color, patterns]);
   return /* @__PURE__ */ React.createElement(DefaultSymbol, props);
 };
-var resolvePatternDasharray = function resolvePatternDasharray2(patternKey, patterns) {
-  var pattern = resolvePattern(patternKey, patterns);
-  return pattern === null || pattern === void 0 ? void 0 : pattern.dasharray;
+const resolvePatternDasharray = (patternKey, patterns) => {
+  const pattern = resolvePattern(patternKey, patterns);
+  return pattern == null ? void 0 : pattern.dasharray;
 };
 export {
   PatternFill,