svgs - npm Package Compare versions

Comparing version 2.1.1 to 2.3.0

index.js

@@ -247,2 +247,24 @@ import React from 'react';
 /**
+ * Return a tspan SVG element.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} TSpan SVG.
+ * @public
+ */
+function TSpan(props) {
+  return <tspan { ...prepare(props) } />
+}
+
+/**
+ * Return a textpath SVG element.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} TextPath SVG.
+ * @public
+ */
+function TextPath(props) {
+  return <textpath { ...prepare(props) } />
+}
+
+/**
  * Return a use SVG element.
@@ -279,2 +301,4 @@ *
   Text,
+  TSpan,
+  TextPath,
   Use
@@ -281,0 +305,0 @@ };

index.native.js

@@ -18,2 +18,4 @@ import Svg, {
   Text,
+  TSpan,
+  TextPath,
   Use
@@ -40,2 +42,4 @@ } from 'react-native-svg';
   Text,
+  TSpan,
+  TextPath,
   Use
@@ -42,0 +46,0 @@ };

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.Use = exports.Text = exports.Symbol = exports.Svg = exports.Stop = exports.Rect = exports.RadialGradient = exports.Polyline = exports.Polygon = exports.Path = exports.LinearGradient = exports.Line = exports.Image = exports.G = exports.Ellipse = exports.Defs = exports.ClipPath = exports.Circle = undefined;
+exports.Use = exports.TextPath = exports.TSpan = exports.Text = exports.Symbol = exports.Svg = exports.Stop = exports.Rect = exports.RadialGradient = exports.Polyline = exports.Polygon = exports.Path = exports.LinearGradient = exports.Line = exports.Image = exports.G = exports.Ellipse = exports.Defs = exports.ClipPath = exports.Circle = undefined;
 
@@ -263,2 +263,24 @@ var _react = require('react');
 /**
+ * Return a tspan SVG element.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} TSpan SVG.
+ * @public
+ */
+function TSpan(props) {
+  return _react2.default.createElement('tspan', prepare(props));
+}
+
+/**
+ * Return a textpath SVG element.
+ *
+ * @param {Object} props The properties that are spread on the SVG element.
+ * @returns {React.Component} TextPath SVG.
+ * @public
+ */
+function TextPath(props) {
+  return _react2.default.createElement('textpath', prepare(props));
+}
+
+/**
  * Return a use SVG element.
@@ -294,3 +316,5 @@ *
 exports.Text = Text;
+exports.TSpan = TSpan;
+exports.TextPath = TextPath;
 exports.Use = Use;
 exports.default = Svg;

package.json

 {
   "name": "svgs",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description": "svgs is a compatiblity layer between svg and react-native-svg",
@@ -5,0 +5,0 @@ "main": "./lib",

README.md

@@ -58,2 +58,3 @@ # svgs
   Text,
+  TextPath,
   Use
@@ -60,0 +61,0 @@ } from 'svgs';

test.js

@@ -18,2 +18,3 @@ import Svg, {
   Text,
+  TextPath,
   Use
@@ -284,2 +285,14 @@ } from './';
 
+  describe('TextPath', function () {
+    it('is exposed as component', function () {
+      assume(TextPath).is.not.a('undefined');
+    });
+
+    it('is a textpath', function () {
+      const name = shallow(<TextPath />).name();
+
+      assume(name).equals('textpath');
+    });
+  });
+
   describe('Use', function () {
@@ -286,0 +299,0 @@ it('is exposed as component', function () {

No alert changes

Improved metrics

Total package byte prevSize

84654

increased by1.78%

Lines of code

853

increased by7.3%

Number of lines in readme file

88

increased by1.15%

No dependency changes