tournament-brackets-ui 0.1.0

package/dist/esm/CollapsedLeft-B6FNo8Dp.js

@@ -0,0 +1,727 @@
+import { S as ScoreRow, s as styles, N as NameRow } from './NameRow-B-GWjlou.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+function CollapsedLeft({
+  players,
+  fontFamily = 'Arial, sans-serif',
+  playerIDFontSize = 11,
+  playerNameFontSize = 11
+}) {
+  const playerIDStyle = {
+    fontSize: `${playerIDFontSize}pt`,
+    fontFamily
+  };
+  const playerNameStyle = {
+    fontSize: `${playerNameFontSize}pt`,
+    fontFamily
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs("table", {
+      border: 0,
+      cellPadding: 0,
+      cellSpacing: 0,
+      width: 1001,
+      style: {
+        borderCollapse: 'collapse',
+        tableLayout: 'fixed',
+        width: 'fit-content',
+        maxWidth: '100%'
+      },
+      children: [/*#__PURE__*/jsxs("colgroup", {
+        children: [/*#__PURE__*/jsx("col", {
+          width: 57,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 1834,
+            width: '43pt'
+          }
+        }), /*#__PURE__*/jsx("col", {
+          width: 163,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 5205,
+            width: '122pt'
+          }
+        }), /*#__PURE__*/jsx("col", {
+          width: 35,
+          span: 5,
+          style: {
+            msoWidthSource: 'userset',
+            msoWidthAlt: 1109,
+            width: '26pt'
+          }
+        })]
+      }), /*#__PURE__*/jsxs("tbody", {
+        children: [/*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx(ScoreRow, {
+            player: players[4],
+            playerIDStyle: playerIDStyle
+          })
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTopRight,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[4],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "3"
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[5],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderLeft,
+            style: {
+              height: '15.75pt',
+              borderLeft: 'none'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[5],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl00
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "7"
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[0],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[0],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "1"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[1],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "4"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[1],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[6],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTop,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "9"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx(NameRow, {
+            player: players[6],
+            playerNameStyle: playerNameStyle
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl00
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[7],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTopRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[7],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "5"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTop
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderTopRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[8],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderLeft,
+            style: {
+              height: '15.75pt',
+              borderLeft: 'none'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[8],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl00,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl00
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "8"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[2],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderRight,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(NameRow, {
+            player: players[2],
+            playerNameStyle: playerNameStyle
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "2"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderBottom,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[3],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            rowSpan: 2,
+            className: styles.borderRight,
+            children: "6"
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx(NameRow, {
+            player: players[3],
+            playerNameStyle: playerNameStyle
+          })
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.xl01,
+            style: {
+              height: '15.75pt'
+            }
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRight
+          })]
+        }), /*#__PURE__*/jsxs("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: [/*#__PURE__*/jsx(ScoreRow, {
+            player: players[9],
+            playerIDStyle: playerIDStyle
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.xl01
+          }), /*#__PURE__*/jsx("td", {
+            className: styles.borderRightBottom
+          })]
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            msoHeightSource: 'userset',
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx("td", {
+            height: 20,
+            className: styles.borderTop,
+            style: {
+              height: '15.75pt'
+            }
+          })
+        }), /*#__PURE__*/jsx("tr", {
+          height: 20,
+          style: {
+            height: '15.75pt'
+          },
+          children: /*#__PURE__*/jsx(NameRow, {
+            player: players[9],
+            playerNameStyle: playerNameStyle
+          })
+        })]
+      })]
+    })
+  });
+}
+
+export { CollapsedLeft as default };
+//# sourceMappingURL=CollapsedLeft-B6FNo8Dp.js.map