@san-siva/blogkit 1.1.37 → 1.1.39

package/dist/esm/staticComponents/TableStatic.js

@@ -3,11 +3,12 @@ import styles from '../styles/Table.module.scss.js';
 
 const Table = ({ rows = [], headers = [], hasMarginUp = false, hasMarginDown = false, fontSize, }) => {
     const columnCount = headers.length;
+    const hasHeaders = headers.some(header => !(typeof header === 'string' && header.trim() === '') && header != null);
     return (jsxs("div", { className: `${styles.table}
 				${hasMarginUp ? styles['margin-top--1'] : ''}
 				${hasMarginDown ? styles['margin-bottom--2'] : ''}`, style: {
             gridTemplateColumns: `repeat(${columnCount}, auto)`,
-        }, children: [jsx("div", { className: `${styles['table__header']}`, children: headers.map((header, index) => (jsx("div", { className: `${styles['table__header__cell']}`, style: fontSize ? { fontSize } : undefined, children: header }, typeof header === 'string' ? header : index))) }), rows.map((row, index) => (jsx("div", { className: `${styles['table__row']}`, children: row.map((cell, cellIndex) => (jsx("div", { className: `${styles['table__row__cell']}`, style: fontSize ? { fontSize } : undefined, children: cell }, typeof cell === 'string' ? cell : cellIndex))) }, index)))] }));
+        }, children: [hasHeaders && (jsx("div", { className: `${styles['table__header']}`, children: headers.map((header, index) => (jsx("div", { className: `${styles['table__header__cell']}`, style: fontSize ? { fontSize } : undefined, children: header }, typeof header === 'string' ? header : index))) })), rows.map((row, index) => (jsx("div", { className: `${styles['table__row']}`, children: row.map((cell, cellIndex) => (jsx("div", { className: `${styles['table__row__cell']}`, style: fontSize ? { fontSize } : undefined, children: cell }, typeof cell === 'string' ? cell : cellIndex))) }, index)))] }));
 };
 
 export { Table as default };

package/dist/esm/staticComponents/TableStatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableStatic.js","sources":["../../../src/staticComponents/TableStatic.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from '../styles/Table.module.scss';\n\ninterface TableProperties {\n\trows?: ReactNode[][];\n\theaders?: ReactNode[];\n\thasMarginUp?: boolean;\n\thasMarginDown?: boolean;\n\tfontSize?: string;\n}\n\nconst Table = ({\n\trows = [],\n\theaders = [],\n\thasMarginUp = false,\n\thasMarginDown = false,\n\tfontSize,\n}: TableProperties) => {\n\tconst columnCount = headers.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`${styles.table}\n\t\t\t\t${hasMarginUp ? styles['margin-top--1'] : ''}\n\t\t\t\t${hasMarginDown ? styles['margin-bottom--2'] : ''}`}\n\t\t\tstyle={{\n\t\t\t\tgridTemplateColumns: `repeat(${columnCount}, auto)`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={`${styles['table__header']}`}>\n\t\t\t\t{headers.map((header, index) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={typeof header === 'string' ? header : index}\n\t\t\t\t\t\tclassName={`${styles['table__header__cell']}`}\n\t\t\t\t\t\tstyle={fontSize ? { fontSize } : undefined}\n\t\t\t\t\t>\n\t\t\t\t\t\t{header}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t\t{rows.map((row, index) => (\n\t\t\t\t<div key={index} className={`${styles['table__row']}`}>\n\t\t\t\t\t{row.map((cell, cellIndex) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={typeof cell === 'string' ? cell : cellIndex}\n\t\t\t\t\t\t\tclassName={`${styles['table__row__cell']}`}\n\t\t\t\t\t\t\tstyle={fontSize ? { fontSize } : undefined}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cell}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default Table;\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAWA,MAAM,KAAK,GAAG,CAAC,EACd,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,EACrB,QAAQ,GACS,KAAI;AACrB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM;AAElC,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,KAAK;MACvB,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE;AAC1C,IAAA,EAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAA,CAAE,EACpD,KAAK,EAAE;YACN,mBAAmB,EAAE,CAAA,OAAA,EAAU,WAAW,CAAA,OAAA,CAAS;AACnD,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,eAAe,CAAC,CAAA,CAAE,EAAA,QAAA,EAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BA,aAEC,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA,CAAE,EAC7C,KAAK,EAAE,QAAQ,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAA,QAAA,EAEzC,MAAM,EAAA,EAJF,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,CAK3C,CACN,CAAC,EAAA,CACG,EACL,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MACpBA,GAAA,CAAA,KAAA,EAAA,EAAiB,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,YAAY,CAAC,CAAA,CAAE,EAAA,QAAA,EACnD,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MACxBA,GAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA,CAAE,EAC1C,KAAK,EAAE,QAAQ,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,YAEzC,IAAI,EAAA,EAJA,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS,CAK3C,CACN,CAAC,EAAA,EATO,KAAK,CAUT,CACN,CAAC,CAAA,EAAA,CACG;AAER;;;;"}
+{"version":3,"file":"TableStatic.js","sources":["../../../src/staticComponents/TableStatic.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from '../styles/Table.module.scss';\n\ninterface TableProperties {\n\trows?: ReactNode[][];\n\theaders?: ReactNode[];\n\thasMarginUp?: boolean;\n\thasMarginDown?: boolean;\n\tfontSize?: string;\n}\n\nconst Table = ({\n\trows = [],\n\theaders = [],\n\thasMarginUp = false,\n\thasMarginDown = false,\n\tfontSize,\n}: TableProperties) => {\n\tconst columnCount = headers.length;\n\tconst hasHeaders = headers.some(\n\t\theader => !(typeof header === 'string' && header.trim() === '') && header != null,\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`${styles.table}\n\t\t\t\t${hasMarginUp ? styles['margin-top--1'] : ''}\n\t\t\t\t${hasMarginDown ? styles['margin-bottom--2'] : ''}`}\n\t\t\tstyle={{\n\t\t\t\tgridTemplateColumns: `repeat(${columnCount}, auto)`,\n\t\t\t}}\n\t\t>\n\t\t\t{hasHeaders && (\n\t\t\t\t<div className={`${styles['table__header']}`}>\n\t\t\t\t\t{headers.map((header, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={typeof header === 'string' ? header : index}\n\t\t\t\t\t\t\tclassName={`${styles['table__header__cell']}`}\n\t\t\t\t\t\t\tstyle={fontSize ? { fontSize } : undefined}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{rows.map((row, index) => (\n\t\t\t\t<div key={index} className={`${styles['table__row']}`}>\n\t\t\t\t\t{row.map((cell, cellIndex) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={typeof cell === 'string' ? cell : cellIndex}\n\t\t\t\t\t\t\tclassName={`${styles['table__row__cell']}`}\n\t\t\t\t\t\t\tstyle={fontSize ? { fontSize } : undefined}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cell}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n\nexport default Table;\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAWA,MAAM,KAAK,GAAG,CAAC,EACd,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,EACrB,QAAQ,GACS,KAAI;AACrB,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM;AAClC,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAC9B,MAAM,IAAI,EAAE,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,MAAM,IAAI,IAAI,CACjF;AAED,IAAA,QACCA,IAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,KAAK;MACvB,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE;AAC1C,IAAA,EAAA,aAAa,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAA,CAAE,EACpD,KAAK,EAAE;YACN,mBAAmB,EAAE,CAAA,OAAA,EAAU,WAAW,CAAA,OAAA,CAAS;AACnD,SAAA,EAAA,QAAA,EAAA,CAEA,UAAU,KACVC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,eAAe,CAAC,CAAA,CAAE,EAAA,QAAA,EAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC1BA,GAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAE,GAAG,MAAM,CAAC,qBAAqB,CAAC,EAAE,EAC7C,KAAK,EAAE,QAAQ,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAA,QAAA,EAEzC,MAAM,EAAA,EAJF,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,CAK3C,CACN,CAAC,EAAA,CACG,CACN,EACA,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,MACpBA,aAAiB,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,YAAY,CAAC,CAAA,CAAE,EAAA,QAAA,EACnD,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MACxBA,GAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAE,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,EAC1C,KAAK,EAAE,QAAQ,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAA,QAAA,EAEzC,IAAI,EAAA,EAJA,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS,CAK3C,CACN,CAAC,EAAA,EATO,KAAK,CAUT,CACN,CAAC,CAAA,EAAA,CACG;AAER;;;;"}

package/dist/types/staticComponents/TableStatic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableStatic.d.ts","sourceRoot":"","sources":["../../../src/staticComponents/TableStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,eAAe;IACxB,IAAI,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,KAAK,GAAI,0DAMZ,eAAe,4CAsCjB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"TableStatic.d.ts","sourceRoot":"","sources":["../../../src/staticComponents/TableStatic.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,eAAe;IACxB,IAAI,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,KAAK,GAAI,0DAMZ,eAAe,4CA2CjB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@san-siva/blogkit",
-	"version": "1.1.37",
+	"version": "1.1.39",
 	"description": "A reusable blog component library for React/Next.js applications with code highlighting, diagrams, and rich content features",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",

package/src/staticComponents/TableStatic.tsx

@@ -17,6 +17,9 @@ const Table = ({
 	fontSize,
 }: TableProperties) => {
 	const columnCount = headers.length;
+	const hasHeaders = headers.some(
+		header => !(typeof header === 'string' && header.trim() === '') && header != null,
+	);
 
 	return (
 		<div
@@ -27,17 +30,19 @@ const Table = ({
 				gridTemplateColumns: `repeat(${columnCount}, auto)`,
 			}}
 		>
-			<div className={`${styles['table__header']}`}>
-				{headers.map((header, index) => (
-					<div
-						key={typeof header === 'string' ? header : index}
-						className={`${styles['table__header__cell']}`}
-						style={fontSize ? { fontSize } : undefined}
-					>
-						{header}
-					</div>
-				))}
-			</div>
+			{hasHeaders && (
+				<div className={`${styles['table__header']}`}>
+					{headers.map((header, index) => (
+						<div
+							key={typeof header === 'string' ? header : index}
+							className={`${styles['table__header__cell']}`}
+							style={fontSize ? { fontSize } : undefined}
+						>
+							{header}
+						</div>
+					))}
+				</div>
+			)}
 			{rows.map((row, index) => (
 				<div key={index} className={`${styles['table__row']}`}>
 					{row.map((cell, cellIndex) => (

package/src/styles/Callout.module.scss

@@ -69,6 +69,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
+
+		// Allow the grid track to shrink below its content's intrinsic width
+		// so wide children (e.g. CodeBlock) scroll internally instead of
+		// overflowing the callout.
+		min-width: 0;
+
+		> * {
+			min-width: 0;
+		}
 	}
 }
 

package/src/styles/CodeBlock.module.scss

@@ -151,6 +151,13 @@ $code-block-background-color: #282a36;
 		align-items: stretch;
 		justify-content: stretch;
 
+		code {
+			font-size: unset;
+			font-weight: unset;
+			background-color: unset;
+			padding: unset;
+		}
+
 		&__content {
 			background-color: $code-block-background-color;
 			width: 100%;