@san-siva/blogkit 1.1.9 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +32 -9
  2. package/dist/cjs/components/Table.js +2 -2
  3. package/dist/cjs/components/Table.js.map +1 -1
  4. package/dist/cjs/index.css +1 -1
  5. package/dist/cjs/index.css.map +1 -1
  6. package/dist/cjs/staticComponents/TableStatic.js +3 -3
  7. package/dist/cjs/staticComponents/TableStatic.js.map +1 -1
  8. package/dist/esm/components/Table.js +2 -2
  9. package/dist/esm/components/Table.js.map +1 -1
  10. package/dist/esm/index.css +1 -1
  11. package/dist/esm/index.css.map +1 -1
  12. package/dist/esm/staticComponents/TableStatic.js +3 -3
  13. package/dist/esm/staticComponents/TableStatic.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/Table.tsx +3 -0
  16. package/src/staticComponents/TableStatic.tsx +5 -1
  17. package/src/styles/Table.module.scss +5 -4
package/dist/esm/staticComponents/TableStatic.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import styles from '../styles/Table.module.scss.js';
3
3
 
4
- const Table = ({ rows = [], headers = [], hasMarginUp = false, hasMarginDown = false, }) => {
4
+ const Table = ({ rows = [], headers = [], hasMarginUp = false, hasMarginDown = false, fontSize, }) => {
5
5
  const columnCount = headers.length;
6
6
  return (jsxs("div", { className: `${styles.table}
7
7
  ${hasMarginUp ? styles['margin-top--1'] : ''}
8
8
  ${hasMarginDown ? styles['margin-bottom--2'] : ''}`, style: {
9
- gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
10
- }, children: [jsx("div", { className: `${styles['table__header']}`, children: headers.map((header, index) => (jsx("div", { className: `${styles['table__header__cell']}`, 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']}`, children: cell }, typeof cell === 'string' ? cell : cellIndex))) }, index)))] }));
9
+ gridTemplateColumns: `repeat(${columnCount}, auto)`,
10
+ }, 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)))] }));
11
11
  };
12
12
 
13
13
  export { Table as default };
package/dist/esm/staticComponents/TableStatic.js.map CHANGED
@@ -1 +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}\n\nconst Table = ({\n\trows = [],\n\theaders = [],\n\thasMarginUp = false,\n\thasMarginDown = false,\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}, 1fr)`,\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>\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>\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":";;;AAUA,MAAM,KAAK,GAAG,CAAC,EACd,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,GACJ,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,MAAA,CAAQ;SAClD,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,GAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,qBAAqB,CAAC,CAAA,CAAE,EAAA,QAAA,EAE5C,MAAM,EAAA,EAHF,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,KAAK,CAI3C,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,EAAA,QAAA,EAEzC,IAAI,EAAA,EAHA,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS,CAI3C,CACN,CAAC,EAAA,EARO,KAAK,CAST,CACN,CAAC,CAAA,EAAA,CACG;AAER;;;;"}
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;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@san-siva/blogkit",
3
- "version": "1.1.9",
3
+ "version": "1.1.10",
4
4
  "description": "A reusable blog component library for React/Next.js applications with code highlighting, diagrams, and rich content features",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/src/components/Table.tsx CHANGED
@@ -6,6 +6,7 @@ interface TableProperties {
6
6
  headers?: ReactNode[];
7
7
  hasMarginUp?: boolean;
8
8
  hasMarginDown?: boolean;
9
+ fontSize?: string;
9
10
  }
10
11
 
11
12
  const Table = ({
@@ -13,6 +14,7 @@ const Table = ({
13
14
  headers = [],
14
15
  hasMarginUp = false,
15
16
  hasMarginDown = false,
17
+ fontSize,
16
18
  }: TableProperties) => {
17
19
  return (
18
20
  <TableStatic
@@ -20,6 +22,7 @@ const Table = ({
20
22
  headers={headers}
21
23
  hasMarginUp={hasMarginUp}
22
24
  hasMarginDown={hasMarginDown}
25
+ fontSize={fontSize}
23
26
  />
24
27
  );
25
28
  };
package/src/staticComponents/TableStatic.tsx CHANGED
@@ -6,6 +6,7 @@ interface TableProperties {
6
6
  headers?: ReactNode[];
7
7
  hasMarginUp?: boolean;
8
8
  hasMarginDown?: boolean;
9
+ fontSize?: string;
9
10
  }
10
11
 
11
12
  const Table = ({
@@ -13,6 +14,7 @@ const Table = ({
13
14
  headers = [],
14
15
  hasMarginUp = false,
15
16
  hasMarginDown = false,
17
+ fontSize,
16
18
  }: TableProperties) => {
17
19
  const columnCount = headers.length;
18
20
 
@@ -22,7 +24,7 @@ const Table = ({
22
24
  ${hasMarginUp ? styles['margin-top--1'] : ''}
23
25
  ${hasMarginDown ? styles['margin-bottom--2'] : ''}`}
24
26
  style={{
25
- gridTemplateColumns: `repeat(${columnCount}, 1fr)`,
27
+ gridTemplateColumns: `repeat(${columnCount}, auto)`,
26
28
  }}
27
29
  >
28
30
  <div className={`${styles['table__header']}`}>
@@ -30,6 +32,7 @@ const Table = ({
30
32
  <div
31
33
  key={typeof header === 'string' ? header : index}
32
34
  className={`${styles['table__header__cell']}`}
35
+ style={fontSize ? { fontSize } : undefined}
33
36
  >
34
37
  {header}
35
38
  </div>
@@ -41,6 +44,7 @@ const Table = ({
41
44
  <div
42
45
  key={typeof cell === 'string' ? cell : cellIndex}
43
46
  className={`${styles['table__row__cell']}`}
47
+ style={fontSize ? { fontSize } : undefined}
44
48
  >
45
49
  {cell}
46
50
  </div>
package/src/styles/Table.module.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin cell-base {
4
4
  padding: styles.rem(12) styles.rem(16);
5
- font-size: styles.$font-size--small;
5
+ font-size: styles.$font-size--p-small;
6
6
  font-family: styles.$font-family--code;
7
7
  word-wrap: break-word;
8
8
  overflow-wrap: break-word;
@@ -13,7 +13,8 @@
13
13
  }
14
14
 
15
15
  .table {
16
- width: 100%;
16
+ width: max-content;
17
+ margin-right: auto;
17
18
  overflow: hidden;
18
19
  overflow-x: auto;
19
20
  display: grid;
@@ -32,7 +33,7 @@
32
33
  }
33
34
 
34
35
  &__cell * {
35
- font-size: styles.$font-size--small;
36
+ font-size: inherit;
36
37
  }
37
38
  }
38
39
 
@@ -45,7 +46,7 @@
45
46
  }
46
47
 
47
48
  &__cell * {
48
- font-size: styles.$font-size--small;
49
+ font-size: inherit;
49
50
  }
50
51
  }
51
52
  }