@dcrackel/hematournamentui 1.0.707 → 1.0.709

package/src/stories/Util/Validations/PersonManagementValidations.js

@@ -1,29 +1,45 @@
-export function validateField(field, value) {
-  const rules = {
-    DisplayName: [
-      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
-      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
-    ],
-    LegalName: [
-      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
-      { check: v => v.trim().length < 4, message: 'Must be at least 4 characters.' }
-    ],
-    EmailAddress: [
-      { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: 'Must be a valid email address.' }
-    ],
-    SelectedClub: [
-      {
-        check: v =>
-          !v ||
-          (typeof v === 'string' && v.trim().length === 0) ||
-          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
-        message: 'Please select a Club.'
-      }
-    ]
-  };
-
-  const ruleSet = rules[field] || [];
-  const failedRule = ruleSet.find(rule => rule.check(value));
-
-  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
-}
+function isBlankHemaRatingsId(value) {
+  return value === undefined || value === null || (typeof value === 'string' && value.trim() === '');
+}
+
+function isPositiveIntegerId(value) {
+  if (!['string', 'number'].includes(typeof value)) return false;
+  if (typeof value === 'string' && !/^\d+$/.test(value.trim())) return false;
+  return Number.isSafeInteger(Number(value)) && Number(value) > 0;
+}
+
+function isInvalidHemaRatingsId(value) {
+  if (isBlankHemaRatingsId(value)) return false;
+  return !isPositiveIntegerId(value);
+}
+
+export function validateField(field, value) {
+  const rules = {
+    DisplayName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    LegalName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 4, message: 'Must be at least 4 characters.' }
+    ],
+    EmailAddress: [
+      { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: 'Must be a valid email address.' }
+    ],
+    HemaRatingsId: [{ check: isInvalidHemaRatingsId, message: 'Enter a positive whole-number ID, or leave it blank.' }],
+    SelectedClub: [
+      {
+        check: v =>
+          !v ||
+          (typeof v === 'string' && v.trim().length === 0) ||
+          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
+        message: 'Please select a Club.'
+      }
+    ]
+  };
+
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
+
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
+}

package/src/stories/Organisms/Cards/TableauBoutCard/SpacingConfig.js

@@ -1,111 +0,0 @@
-export const spacingConfig = {
-  Semifinal: {
-    large: {
-      Semifinal: { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
-      Final: { getTopSpace: 'mt-[10rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' }
-    },
-    small: {
-      Semifinal: { getTopSpace: 'mt-[0.7rem] mb-[1.8rem]', getCardSpace: 'mt-[2.3rem]' },
-      Final: { getTopSpace: 'mt-[12.2rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  },
-  'Table of 8': {
-    large: {
-      'Table of 8': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      Semifinal: { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      Final: { getTopSpace: 'mt-[11rem] ml-10', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' },
-      'Table of 4': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      'Table of 2': { getTopSpace: 'mt-[5.8rem] mb-[3.4rem]', getCardSpace: 'mt-[11.5rem]' },
-      'Consolation Round 1': { getTopSpace: 'mt-[3rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Consolation Round 2': { getTopSpace: 'mt-[1.5rem] mb-[3.8rem]', getCardSpace: 'mt-1' },
-      'Consolation Round 3': { getTopSpace: 'mt-[2.7rem] mb-[3.8rem]', getCardSpace: 'mt-[8rem]' },
-      'Consolation Round 4': { getTopSpace: 'mt-[5rem] mb-[3.8rem]', getCardSpace: 'mt-1' },
-      'Grand Final': { getTopSpace: 'mt-[11rem] ml-10', getCardSpace: 'mt-1' }
-    },
-    small: {
-      'Table of 8': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
-      Semifinal: { getTopSpace: 'mt-[0.7rem] mb-[1.8rem]', getCardSpace: 'mt-[2.3rem]' },
-      Final: { getTopSpace: 'mt-[6rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  },
-  'Table of 16': {
-    large: {
-      'Table of 16': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 8': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      Semifinal: { getTopSpace: 'mt-[4.6rem] mb-[7rem]', getCardSpace: 'mt-[11.5rem]' },
-      Final: { getTopSpace: 'mt-[22.5rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' }
-    },
-    small: {
-      'Table of 16': { getTopSpace: 'mt-[0rem] mb-4', getCardSpace: 'mt-1' },
-      'Table of 8': { getTopSpace: 'mt-[0.7rem] mb-[1.75rem]', getCardSpace: 'mt-[2.3rem]' },
-      Semifinal: { getTopSpace: 'mt-[2.25rem] mb-[3.63rem]', getCardSpace: 'mt-[5.9rem]' },
-      Final: { getTopSpace: 'mt-[12.1rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  },
-  'Table of 32': {
-    large: {
-      'Table of 32': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 16': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      'Table of 8': { getTopSpace: 'mt-[4.6rem] mb-[7.15rem]', getCardSpace: 'mt-[11.5rem]' },
-      Semifinal: { getTopSpace: 'mt-[11.7rem] mb-[14rem]', getCardSpace: 'mt-[25.5rem]' },
-      Final: { getTopSpace: 'mt-[51.5rem] ', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' }
-    },
-    small: {
-      'Table of 32': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 16': { getTopSpace: 'mt-[0.7rem] mb-[2.65rem]', getCardSpace: 'mt-[3.4rem]' },
-      'Table of 8': { getTopSpace: 'mt-[2.9rem] mb-[5rem]', getCardSpace: 'mt-[7.85rem]' },
-      Semifinal: { getTopSpace: 'mt-[7rem] mb-[10rem]', getCardSpace: 'mt-[16.8rem]' },
-      Final: { getTopSpace: 'mt-[34.1rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  },
-  'Table of 64': {
-    large: {
-      'Table of 64': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 32': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      'Table of 16': { getTopSpace: 'mt-[4.6rem] mb-[7.15rem]', getCardSpace: 'mt-[11.5rem]' },
-      'Table of 8': { getTopSpace: 'mt-[11.7rem] mb-[13.78rem]', getCardSpace: 'mt-[25.76rem]' },
-      Semifinal: { getTopSpace: 'mt-[24.45rem] mb-[29rem]', getCardSpace: 'mt-[53.6rem]' },
-      Final: { getTopSpace: 'mt-[110rem] ', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' }
-    },
-    small: {
-      'Table of 64': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 32': { getTopSpace: 'mt-[0.7rem] mb-[2.65rem]', getCardSpace: 'mt-[3.4rem]' },
-      'Table of 16': { getTopSpace: 'mt-[2.9rem] mb-[5rem]', getCardSpace: 'mt-[7.85rem]' },
-      'Table of 8': { getTopSpace: 'mt-[7rem] mb-[9.95rem]', getCardSpace: 'mt-[16.8rem]' },
-      Semifinal: { getTopSpace: 'mt-[16.1rem] mb-[18.8rem]', getCardSpace: 'mt-[34.8rem]' },
-      Final: { getTopSpace: 'mt-[68rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  },
-  'Table of 128': {
-    large: {
-      'Table of 128': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 64': { getTopSpace: 'mt-[1.34rem] mb-[3.4rem]', getCardSpace: 'mt-[4.5rem]' },
-      'Table of 32': { getTopSpace: 'mt-[4.6rem] mb-[7.15rem]', getCardSpace: 'mt-[11.5rem]' },
-      'Table of 16': { getTopSpace: 'mt-[11.7rem] mb-[13.78rem]', getCardSpace: 'mt-[25.76rem]' },
-      'Table of 8': { getTopSpace: 'mt-[24.45rem] mb-[29rem]', getCardSpace: 'mt-[53.6rem]' },
-      Semifinal: { getTopSpace: 'mt-[47.5rem] mb-[62rem]', getCardSpace: 'mt-[109.5rem]' },
-      Final: { getTopSpace: 'mt-[223rem] ', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[19.2rem]', getCardSpace: 'mt-1' }
-    },
-    small: {
-      'Table of 128': { getTopSpace: 'mt-[0rem] mb-[2rem]', getCardSpace: 'mt-1' },
-      'Table of 64': { getTopSpace: 'mt-[0.7rem] mb-[2.65rem]', getCardSpace: 'mt-[3.4rem]' },
-      'Table of 32': { getTopSpace: 'mt-[2.9rem] mb-[5rem]', getCardSpace: 'mt-[7.85rem]' },
-      'Table of 16': { getTopSpace: 'mt-[7rem] mb-[9.95rem]', getCardSpace: 'mt-[16.8rem]' },
-      'Table of 8': { getTopSpace: 'mt-[16.1rem] mb-[18.8rem]', getCardSpace: 'mt-[34.8rem]' },
-      Semifinal: { getTopSpace: 'mt-[34.3rem] mb-[36.5rem]', getCardSpace: 'mt-[70.8rem]' },
-      Final: { getTopSpace: 'mt-[140rem]', getCardSpace: 'mt-1' },
-      'Third Place': { getTopSpace: '-mt-[2rem] -ml-[11rem]', getCardSpace: 'mt-1' }
-    }
-  }
-};

package/src/stories/Organisms/Containers/TableauLines/SpacingConfig.js

@@ -1,162 +0,0 @@
-// spacingConfig.js
-export const spacingConfig = {
-  Semifinal: {
-    large: {
-      Semifinal: { getTopSpace: 'mt-0', getConnectorHeight: 'h-[3rem]', getTopSpaceForLine: 'mt-[1.5rem]' },
-      Final: { getTopSpace: 'h-[8.5rem] mt-[5rem] -ml-[309px]', getBottomLine: 'h-[6.7rem] mt-[2.5rem] -ml-[309px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    },
-    small: {
-      Semifinal: { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[3.5rem]', getTopSpaceForLine: 'mt-[1.6rem]' },
-      Final: { getTopSpace: 'h-[6rem] mt-[9.1rem] -ml-[181px]', getBottomLine: 'h-[3rem] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  },
-  'Table of 8': {
-    large: {
-      'Table of 8': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
-      Semifinal: { getTopSpace: 'mt-[2.5rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      Final: { getTopSpace: 'h-[6rem] mt-[22rem] -ml-[309px]', getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' },
-      'Table of 4': { getTopSpace: 'mt-[2.5rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      'Table of 2': { getTopSpace: 'hidden h-[6rem] mt-[22rem]', getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]' },
-      'Consolation Round 1': {
-        getTopSpace: 'mt-[3rem]',
-        getConnectorHeight: 'h-[2.7rem]',
-        getTopSpaceForLine: 'mt-[1.2rem]'
-      },
-      'Consolation Round 2': {
-        getTopSpace: 'mt-[1.5rem]',
-        getConnectorHeight: 'h-[2.7rem]',
-        getTopSpaceForLine: 'mt-[1.2rem]'
-      },
-      'Consolation Round 3': {
-        getTopSpace: 'mt-[2.7rem]',
-        getConnectorHeight: 'h-[10.5rem]',
-        getTopSpaceForLine: 'mt-[5rem]'
-      },
-      'Consolation Round 4': {
-        getTopSpace: 'hidden mt-[2.7rem]',
-        getConnectorHeight: 'h-[10.5rem]',
-        getTopSpaceForLine: 'mt-[5rem]'
-      },
-      'Grand Final': {
-        getTopSpace: 'hidden h-[6rem] mt-[22rem] -ml-[309px]',
-        getBottomLine: 'h-[6rem] mt-[2.5rem] -ml-[309px]'
-      }
-    },
-    small: {
-      'Table of 8': {
-        getTopSpace: '-mt-[0.6rem]',
-        getConnectorHeight: 'h-[1.5rem]',
-        getTopSpaceForLine: 'mt-[0.6rem]'
-      },
-      Semifinal: { getTopSpace: 'mt-[1.2rem]', getConnectorHeight: 'h-[3.6rem]', getTopSpaceForLine: 'mt-[1.6rem]' },
-      Final: { getTopSpace: 'h-[6rem] mt-[9.1rem] -ml-[181px]', getBottomLine: 'h-[3rem] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  },
-  'Table of 16': {
-    large: {
-      'Table of 16': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
-      'Table of 8': { getTopSpace: 'mt-[1.3rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      Semifinal: { getTopSpace: 'mt-[5.8rem]', getConnectorHeight: 'h-[14rem]', getTopSpaceForLine: 'mt-[7rem]' },
-      Final: { getTopSpace: 'mt-[14rem] h-[12rem] -ml-[309px]', getBottomLine: 'h-[12rem] mt-[2.5rem] -ml-[309px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    },
-    small: {
-      'Table of 16': {
-        getTopSpace: '-mt-[0.6rem]',
-        getConnectorHeight: 'h-[1.5rem]',
-        getTopSpaceForLine: 'mt-[0.6rem]'
-      },
-      'Table of 8': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[3.5rem]', getTopSpaceForLine: 'mt-[1.6rem]' },
-      Semifinal: { getTopSpace: 'mt-[2.8rem]', getConnectorHeight: 'h-[7.2rem]', getTopSpaceForLine: 'mt-[3.8rem]' },
-      Final: { getTopSpace: 'h-[8rem] mt-[7rem] -ml-[181px]', getBottomLine: 'h-[8rem] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  },
-  'Table of 32': {
-    large: {
-      'Table of 32': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
-      'Table of 16': { getTopSpace: 'mt-[1.3rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      'Table of 8': { getTopSpace: 'mt-[4.7rem]', getConnectorHeight: 'h-[14rem]', getTopSpaceForLine: 'mt-[7rem]' },
-      Semifinal: { getTopSpace: 'mt-[12.8rem]', getConnectorHeight: 'h-[28rem]', getTopSpaceForLine: 'mt-[7rem]' },
-      Final: {
-        getTopSpace: 'h-[25.1rem] mt-[30.1rem] -ml-[309px]',
-        getBottomLine: 'h-[25.1rem] mt-[2.5rem] -ml-[309px]'
-      },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    },
-    small: {
-      'Table of 32': {
-        getTopSpace: '-mt-[0.6rem]',
-        getConnectorHeight: 'h-[1.5rem]',
-        getTopSpaceForLine: 'mt-[0.65rem]'
-      },
-      'Table of 16': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[4.8rem]', getTopSpaceForLine: 'mt-[2.2rem]' },
-      'Table of 8': { getTopSpace: 'mt-[2.3rem]', getConnectorHeight: 'h-[9.1rem]', getTopSpaceForLine: 'mt-[4rem]' },
-      Semifinal: { getTopSpace: 'mt-[7.5rem]', getConnectorHeight: 'h-[18rem]', getTopSpaceForLine: 'mt-[3.8rem]' },
-      Final: { getTopSpace: 'h-[12.6rem] mt-[24.4rem] -ml-[181px]', getBottomLine: 'h-[8rem] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  },
-  'Table of 64': {
-    large: {
-      'Table of 64': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
-      'Table of 32': { getTopSpace: 'mt-[1.3rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      'Table of 16': { getTopSpace: 'mt-[4.7rem]', getConnectorHeight: 'h-[14rem]', getTopSpaceForLine: 'mt-[7rem]' },
-      'Table of 8': {
-        getTopSpace: 'mt-[11.7rem]',
-        getConnectorHeight: 'h-[28rem]',
-        getTopSpaceForLine: 'mt-[12.5rem]'
-      },
-      Semifinal: { getTopSpace: 'mt-[25.5rem]', getConnectorHeight: 'h-[56rem]', getTopSpaceForLine: 'mt-[23rem]' },
-      Final: { getTopSpace: 'mt-[148.5rem] h-[81rem] -ml-[309px]', getBottomLine: 'h-[80rem] mt-[2.5rem] -ml-[309px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    },
-    small: {
-      'Table of 64': {
-        getTopSpace: '-mt-[0.6rem]',
-        getConnectorHeight: 'h-[1.5rem]',
-        getTopSpaceForLine: 'mt-[0.65rem]'
-      },
-      'Table of 32': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[4.8rem]', getTopSpaceForLine: 'mt-[2.2rem]' },
-      'Table of 16': { getTopSpace: 'mt-[2.3rem]', getConnectorHeight: 'h-[9.1rem]', getTopSpaceForLine: 'mt-[4rem]' },
-      'Table of 8': { getTopSpace: 'mt-[6.4rem]', getConnectorHeight: 'h-[18rem]', getTopSpaceForLine: 'mt-[9rem]' },
-      Semifinal: { getTopSpace: 'mt-[15.6rem]', getConnectorHeight: 'h-[36rem]', getTopSpaceForLine: 'mt-[18rem]' },
-      Final: { getTopSpace: 'h-[256px] mt-[64.8rem] -ml-[181px]', getBottomLine: 'h-[8rem] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  },
-  'Table of 128': {
-    large: {
-      'Table of 128': { getTopSpace: 'mt-[0rem]', getConnectorHeight: 'h-[2.7rem]', getTopSpaceForLine: 'mt-[1.2rem]' },
-      'Table of 64': { getTopSpace: 'mt-[1.3rem]', getConnectorHeight: 'h-[7rem]', getTopSpaceForLine: 'mt-[3.25rem]' },
-      'Table of 32': { getTopSpace: 'mt-[4.7rem]', getConnectorHeight: 'h-[14rem]', getTopSpaceForLine: 'mt-[7rem]' },
-      'Table of 16': {
-        getTopSpace: 'mt-[11.7rem]',
-        getConnectorHeight: 'h-[28rem]',
-        getTopSpaceForLine: 'mt-[12.5rem]'
-      },
-      'Table of 8': { getTopSpace: 'mt-[24.5rem]', getConnectorHeight: 'h-[56rem]', getTopSpaceForLine: 'mt-[23rem]' },
-      Semifinal: { getTopSpace: 'mt-[48.7rem]', getConnectorHeight: 'h-[112rem]', getTopSpaceForLine: '' },
-      Final: { getTopSpace: 'mt-[146.5rem] h-[80rem] -ml-[309px]', getBottomLine: 'h-[80rem] mt-[2.5rem] -ml-[309px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    },
-    small: {
-      'Table of 128': {
-        getTopSpace: '-mt-[0.6rem]',
-        getConnectorHeight: 'h-[1.5rem]',
-        getTopSpaceForLine: 'mt-[0.65rem]'
-      },
-      'Table of 64': { getTopSpace: '-mt-[0rem]', getConnectorHeight: 'h-[4.8rem]', getTopSpaceForLine: 'mt-[2.2rem]' },
-      'Table of 32': { getTopSpace: 'mt-[2.3rem]', getConnectorHeight: 'h-[9.1rem]', getTopSpaceForLine: 'mt-[4rem]' },
-      'Table of 16': { getTopSpace: 'mt-[6.4rem]', getConnectorHeight: 'h-[18rem]', getTopSpaceForLine: 'mt-[9rem]' },
-      'Table of 8': { getTopSpace: 'mt-[15.6rem]', getConnectorHeight: 'h-[36rem]', getTopSpaceForLine: 'mt-[18rem]' },
-      Semifinal: { getTopSpace: 'mt-[34.8rem]', getConnectorHeight: 'h-[72rem]', getTopSpaceForLine: 'mt-[3.8rem]' },
-      Final: { getTopSpace: 'h-[700px] mt-[99rem] -ml-[181px]', getBottomLine: 'h-[700px] mt-[1.4rem] -ml-[181px]' },
-      'Third Place': { getTopSpace: 'hidden', getConnectorHeight: 'hidden', getTopSpaceForLine: 'hidden' }
-    }
-  }
-};

package/src/stories/Organisms/Containers/TableauLines/TableauLines.stories.js

@@ -1,21 +0,0 @@
-import TableauLines from './TableauLines.vue';
-
-export default {
-  title: 'Organisms/Containers/TableauLines',
-  component: TableauLines,
-  args: {
-    roundName: 'Table of 8'
-  },
-  argTypes: {
-    roundName: {
-      control: 'string',
-      description: 'Name of the round to display'
-    }
-  }
-};
-
-export const Default = {
-  args: {
-    roundName: 'Table of 8'
-  }
-};

package/src/stories/Organisms/Containers/TableauLines/TableauLines.vue

@@ -1,78 +0,0 @@
-<template>
-  <section v-if="roundName !== 'Semifinal' && roundName !== 'Final'" class="flex" :class="getTopSpace">
-    <div class="mt-[1.1rem]">
-      <div class="border-t border-b border-r w-5 rounded-md -ml-[0.3rem] z-0" :class="getConnectorHeight"></div>
-    </div>
-    <div :class="getTopSpaceForLine">
-      <div class="border-b w-5 h-5"></div>
-    </div>
-  </section>
-
-  <section v-if="roundName === 'Semifinal'" class="flex mr-5">
-    <div class="flex flex-col -ml-1" :class="getTopSpace">
-      <div class="border-t border-b border-r w-5 rounded-md z-0" :class="getConnectorHeight"></div>
-    </div>
-  </section>
-
-  <!--  <section v-if="roundName === 'Final'" class="flex flex-col mr-5 bg-bright"  >-->
-  <!--      <div class="border-b border-l w-6 rounded-bl-md z-0 h-[6rem]" :class="getTopSpace" ></div>-->
-  <!--      <div class="border-t border-l w-6 rounded-tl-md z-0 h-[6rem]" :class="getBottomLine" ></div>-->
-  <!--  </section>-->
-</template>
-
-<script>
-import { spacingConfig } from './SpacingConfig';
-
-export default {
-  name: 'TableauLines',
-  props: {
-    roundName: {
-      type: String,
-      required: true
-    },
-    bracketSize: {
-      type: String,
-      required: true
-    },
-    large: {
-      type: Boolean,
-      default: true
-    }
-  },
-  watch: {
-    large(newVal, oldVal) {
-      if (newVal !== oldVal) {
-        this.updateConfig();
-      }
-    }
-  },
-  data() {
-    return {
-      currentConfig: {}
-    };
-  },
-  mounted() {
-    this.updateConfig();
-  },
-  computed: {
-    getTopSpace() {
-      return this.currentConfig?.getTopSpace || '';
-    },
-    getTopSpaceForLine() {
-      return this.currentConfig?.getTopSpaceForLine || '';
-    },
-    getConnectorHeight() {
-      return this.currentConfig?.getConnectorHeight || '';
-    },
-    getBottomLine() {
-      return this.currentConfig?.getBottomLine || '';
-    }
-  },
-  methods: {
-    updateConfig() {
-      const size = this.large ? 'large' : 'small';
-      this.currentConfig = spacingConfig[this.bracketSize]?.[size]?.[this.roundName] || {};
-    }
-  }
-};
-</script>