Suport g, circle, ellipse, polygon, polyline svg elements (#2259)

* Fix Warming: Update Comment Capitalization * Extend IntrinsicElements and Add JsxGElementProps * Add svg circle support * Add svg ellipse support * Add svg polygon support * Add svg polyline support
TypeStrong · Apr 23, 2023 · 4970a4b · 4970a4b
1 parent b49506c
commit 4970a4b
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 1 deletion.
diff --git a/src/lib/utils/jsx.elements.ts b/src/lib/utils/jsx.elements.ts
@@ -115,8 +115,13 @@ export interface IntrinsicElements {
 
     // SVG Elements
     svg: JsxSvgElementProps;
+    g: JsxGElementProps;
     path: JsxPathElementProps;
     rect: JsxRectElementProps;
+    circle: JsxCircleElementProps;
+    ellipse: JsxEllipseElementProps;
+    polygon: JsxPolygonElementProps;
+    polyline: JsxPolylineElementProps;
     use: JsxUseElementProps;
 }
 
@@ -1027,6 +1032,17 @@ export interface JsxSvgElementProps
     y?: string | number;
 }
 
+/**
+ * Properties permitted on the `<g>` element.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/g
+ */
+export interface JsxGElementProps
+    extends JsxSvgCoreProps,
+        JsxSvgStyleProps,
+        JsxSvgConditionalProcessingProps,
+        JsxSvgPresentationProps {}
+
 /**
  * Properties permitted on the `<path>` element.
  *
@@ -1060,6 +1076,66 @@ export interface JsxRectElementProps
     y?: string | number;
 }
 
+/**
+ * Properties permitted on the `<circle>` element.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/circle
+ */
+export interface JsxCircleElementProps
+    extends JsxSvgCoreProps,
+        JsxSvgStyleProps,
+        JsxSvgConditionalProcessingProps,
+        JsxSvgPresentationProps {
+    cx?: string | number;
+    cy?: string | number;
+    r?: string | number;
+    pathLength?: number;
+}
+
+/**
+ * Properties permitted on the `<ellipse>` element.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ellipse
+ */
+export interface JsxEllipseElementProps
+    extends JsxSvgCoreProps,
+        JsxSvgStyleProps,
+        JsxSvgConditionalProcessingProps,
+        JsxSvgPresentationProps {
+    cx?: string | number;
+    cy?: string | number;
+    rx?: string | number;
+    ry?: string | number;
+    pathLength?: number;
+}
+
+/**
+ * Properties permitted on the `<polygon>` element.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polygon
+ */
+export interface JsxPolygonElementProps
+    extends JsxSvgCoreProps,
+        JsxSvgStyleProps,
+        JsxSvgConditionalProcessingProps,
+        JsxSvgPresentationProps {
+    points?: string;
+    pathLength?: number;
+}
+
+/** Properties permitted on the `<polyline>` element.
+ *
+ * Reference: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polyline
+ */
+export interface JsxPolylineElementProps
+    extends JsxSvgCoreProps,
+        JsxSvgStyleProps,
+        JsxSvgConditionalProcessingProps,
+        JsxSvgPresentationProps {
+    points?: string;
+    pathLength?: number;
+}
+
 /**
  * Properties permitted on the `<use>` element.
  *

diff --git a/src/test/renderer/testProject/src/classes.ts b/src/test/renderer/testProject/src/classes.ts
@@ -216,7 +216,7 @@ export class SubClassA extends BaseClass implements PrintNameInterface {
     public print(value: string): void {}
 
     /**
-     * @inheritdoc
+     * @inheritDoc
      */
     public printName(): void {
         this.print(this.getName());