feat(path): updates to latest path, adds new shapes

updated to latest path, added new shapes, fix test to account for new toString method
joemaddalone · Jan 18, 2021 · 5333567 · 5333567
1 parent d8ada98
commit 5333567
Show file tree

Hide file tree

Showing 12 changed files with 1,326 additions and 555 deletions.
diff --git a/README.md b/README.md
diff --git a/example/src/docs/demos.js b/example/src/docs/demos.js
@@ -139,6 +139,42 @@ const demos = {
         cx: basicSvgDimensions.w / 2,
         cy: basicSvgDimensions.h / 2
       }
+    ],
+    cross: [
+      {
+        svgDimensions: { ...basicSvgDimensions },
+        width: 95,
+        height: 95,
+        cx: basicSvgDimensions.w / 2,
+        cy: basicSvgDimensions.h / 2
+      }
+    ],
+    symX: [
+      {
+        svgDimensions: { ...basicSvgDimensions },
+        width: 95,
+        height: 95,
+        cx: basicSvgDimensions.w / 2,
+        cy: basicSvgDimensions.h / 2
+      }
+    ],
+    symI: [
+      {
+        svgDimensions: { ...basicSvgDimensions },
+        width: 95,
+        height: 95,
+        cx: basicSvgDimensions.w / 2,
+        cy: basicSvgDimensions.h / 2
+      }
+    ],
+    symH: [
+      {
+        svgDimensions: { ...basicSvgDimensions },
+        width: 95,
+        height: 95,
+        cx: basicSvgDimensions.w / 2,
+        cy: basicSvgDimensions.h / 2
+      }
     ]
   },
   curves: {

diff --git a/example/src/docs/docs.js b/example/src/docs/docs.js
@@ -438,6 +438,98 @@ const docs = {
     nestingProps: centeredShapeNestingProps,
     shorthands: [shorthands.cxy]
   },
+  symX: {
+    category: 'basicShapes',
+    Component: 'SymX',
+    command: 'symX',
+    args: ['width', 'height', 'cx', 'cy', 'centerEnd'],
+    description:
+      'SymX draws an X shape from center point (cx & cy). The cursor is then moved to the center point.',
+    props: {
+      width: {
+        ...commonNumber,
+        description: 'Width of the X.'
+      },
+      height: {
+        ...commonNumber,
+        description: 'Height of the X.'
+      },
+      cx,
+      cy,
+      centerEnd
+    },
+    nestingProps: centeredShapeNestingProps,
+    shorthands: [shorthands.cxy]
+  },
+  symI: {
+    category: 'basicShapes',
+    Component: 'SymI',
+    command: 'symI',
+    args: ['width', 'height', 'cx', 'cy', 'centerEnd'],
+    description:
+      'SymI draws an I shape from center point (cx & cy). The cursor is then moved to the center point.',
+    props: {
+      width: {
+        ...commonNumber,
+        description: 'Width of the I.'
+      },
+      height: {
+        ...commonNumber,
+        description: 'Height of the I.'
+      },
+      cx,
+      cy,
+      centerEnd
+    },
+    nestingProps: centeredShapeNestingProps,
+    shorthands: [shorthands.cxy]
+  },
+  symH: {
+    category: 'basicShapes',
+    Component: 'SymH',
+    command: 'symH',
+    args: ['width', 'height', 'cx', 'cy', 'centerEnd'],
+    description:
+      'SymH draws an H shape from center point (cx & cy). The cursor is then moved to the center point.',
+    props: {
+      width: {
+        ...commonNumber,
+        description: 'Width of the H.'
+      },
+      height: {
+        ...commonNumber,
+        description: 'Height of the H.'
+      },
+      cx,
+      cy,
+      centerEnd
+    },
+    nestingProps: centeredShapeNestingProps,
+    shorthands: [shorthands.cxy]
+  },
+  cross: {
+    category: 'basicShapes',
+    Component: 'Cross',
+    command: 'cross',
+    args: ['width', 'height', 'cx', 'cy', 'centerEnd'],
+    description:
+      'Cross draws an "cross" shape from center point (cx & cy). The cursor is then moved to the center point.',
+    props: {
+      width: {
+        ...commonNumber,
+        description: 'Width of the Cross.'
+      },
+      height: {
+        ...commonNumber,
+        description: 'Height of the Cross.'
+      },
+      cx,
+      cy,
+      centerEnd
+    },
+    nestingProps: centeredShapeNestingProps,
+    shorthands: [shorthands.cxy]
+  },
   arc: {
     category: 'curves',
     Component: 'Arc',

diff --git a/example/src/i18n/en.json b/example/src/i18n/en.json
@@ -68,6 +68,18 @@
   "quad": {
     "description": "Quad is drawn from an sx and sy to an ex and ey with one control points (cx & cy)."
   },
+  "cross": {
+    "description": "Cross draws a cross shape from center point (cx & cy). The cursor is then moved to the center point."
+  },
+  "symX": {
+    "description": "SymX draws an X shape from center point (cx & cy). The cursor is then moved to the center point."
+  },
+  "symH": {
+    "description": "SymH draws an H shape from center point (cx & cy). The cursor is then moved to the center point."
+  },
+  "symI": {
+    "description": "SymI draws an I shape from center point (cx & cy). The cursor is then moved to the center point."
+  },
   "pages": {
     "introduction": {
       "title": "Introduction",