soccer-jersey-fork 1.0.65 → 1.0.67

package/lib/patterns/patterns.d.ts

@@ -8,7 +8,7 @@ import { ShirtStyleDirection } from "../types";
 export declare const drawStripedThick: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawStripedThin: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawStripedNormal: (page: Svg, primaryColor: string, secondaryColor: string, direction: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
-export declare const drawCheckered: (page: Svg, primaryColor: string, secondaryColor: string) => import("@svgdotjs/svg.js").Pattern;
+export declare const drawCheckered: (page: Svg, primaryColor: string, secondaryColor: string, direction?: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawDiamonds: (page: Svg, primaryColor: string, secondaryColor: string) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawTwoColors: (page: Svg, primaryColor: string, secondaryColor: string, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;
 export declare const drawSingleBand: (page: Svg, primaryColor: string, secondaryColor: string, bandStyle: ShirtStyleDirection) => import("@svgdotjs/svg.js").Pattern;

package/lib/patterns/patterns.js

@@ -89,15 +89,25 @@ export const drawStripedNormal = (page, primaryColor, secondaryColor, direction)
         }
     }
 };
-export const drawCheckered = (page, primaryColor, secondaryColor) => {
-    return page.pattern(20, 20, function (add) {
-        add.rect(20, 20).fill(primaryColor);
-        add.rect(10, 10).fill(secondaryColor ? secondaryColor : "#eee");
-        add
-            .rect(10, 10)
-            .fill(secondaryColor ? secondaryColor : "#eee")
-            .move(10, 10);
-    });
+export const drawCheckered = (page, primaryColor, secondaryColor, direction) => {
+    const draw = () => {
+        return page.pattern(20, 20, function (add) {
+            add.rect(20, 20).fill(primaryColor);
+            add.rect(10, 10).fill(secondaryColor ? secondaryColor : "#eee");
+            add
+                .rect(10, 10)
+                .fill(secondaryColor ? secondaryColor : "#eee")
+                .move(10, 10);
+        });
+    };
+    switch (direction) {
+        case "diagonalLeft": {
+            return draw().rotate(45);
+        }
+        default: {
+            return draw();
+        }
+    }
 };
 export const drawDiamonds = (page, primaryColor, secondaryColor) => page.pattern(5, 5, function (add) {
     add.rect(5, 5).fill(primaryColor);

package/lib/stories/ReactTeamPage.stories.js

@@ -29,5 +29,6 @@ export const Default = {
                 outlineColor: "#444",
             },
         ],
+        images: [],
     },
 };

package/lib/types/index.d.ts

@@ -15,7 +15,7 @@ export interface DrawSoccerJerseyProps {
     shirtWidth?: number;
     collarColor?: string;
     sleeveCuffColor?: string;
-    texts?: {
+    texts: {
         text: string;
         size: number;
         x: number;
@@ -24,7 +24,7 @@ export interface DrawSoccerJerseyProps {
         outlineColor?: string;
         backgroundColor?: string;
     }[];
-    images?: {
+    images: {
         src: string;
         x: number;
         y: number;

package/lib/utils/draw-soccer-jersey.js

@@ -57,7 +57,7 @@ export default function drawSoccerJersey({ shirtColor = "plain", sleeveColor, sh
             shirtFill = drawDashes(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection ? shirtStyleDirection : "vertical");
             break;
         case "checkered":
-            shirtFill = drawCheckered(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222");
+            shirtFill = drawCheckered(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222", shirtStyleDirection);
             break;
         case "diamonds":
             shirtFill = drawDiamonds(page, optimizedShirtColor, shirtStyleColor ? shirtStyleColor : "#222");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "soccer-jersey-fork",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "description": "Generate soccer jerseys in SVG format",
   "main": "lib/index.js",
   "scripts": {