loon-bulma-react 2026.0.37 → 2026.0.38

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.
@@ -40,13 +40,22 @@ type SimpleTableColProps<T extends unknown = unknown> = {
40
40
  * - Als niet opgegeven wordt de obj key gebruikt uit de 'value'prop (als dat een string is)
41
41
  * - Als je geen header wil tonen, zet dan een lege string als header
42
42
  */
43
- header?: string;
43
+ header?: string | React.ReactNode;
44
+ /** class voor de header-cell van de kolom */
45
+ headerClassName?: string;
46
+ /** class voor de footer-cell van de kolom */
47
+ footerClassName?: string;
44
48
  /** De obj-property die gebruikt moet worden in de kolom
45
49
  * - Als string: object[value] geeft de waarde
46
50
  * - Als function: eigen function om de value te zetten
47
51
  */
48
52
  value: keyof T | ((v: T) => string | React.ReactNode);
49
53
  hidden?: boolean;
54
+ /** class voor de kolom
55
+ * - Als string: deze class wordt gebruikt voor alle cellen in deze kolom
56
+ * - Als function: aangeroepen met de value van de row
57
+ */
58
+ className?: string | ((v: T) => string);
50
59
  };
51
60
  /**
52
61
  * Render een tabel. Als je een tabel met zoekfunctie, pagination en sorteren wil, moet je een @see DataTable nemen.
package/dist/index.js CHANGED
@@ -14905,10 +14905,12 @@ function yv({ rowIdentifier: e, columns: t, data: n, onRowSelected: r, tableRef:
14905
14905
  function l(e) {
14906
14906
  return e && typeof e[0] == "string" ? e.map((e) => ({
14907
14907
  header: e,
14908
- value: e
14909
- })) : e ? e.map((e) => (!e.header && e.header !== "" && typeof e.value == "string" && (e.header = e.value), e)) : Object.keys(n[0]).map((e) => ({
14908
+ value: e,
14909
+ className: ""
14910
+ })) : e ? e.map((e) => (!e.header && e.header !== "" && typeof e.value == "string" && (e.header = e.value), e.className ||= "", e)) : Object.keys(n[0]).map((e) => ({
14910
14911
  header: e,
14911
- value: e
14912
+ value: e,
14913
+ alignment: "l"
14912
14914
  }));
14913
14915
  }
14914
14916
  function u(e, t) {
@@ -14938,17 +14940,32 @@ function bv({ columns: e, data: t, rowIdentifier: n, onRowSelected: r }) {
14938
14940
  return /* @__PURE__ */ b(Cv.Row, {
14939
14941
  onClick: (e) => r(t, e.currentTarget),
14940
14942
  children: e.map((e, n) => {
14941
- let r = `${i}-${typeof e.value == "function" ? e.value(t) : t[e.value]}`, a = typeof e.value == "function" ? e.value(t) : t[e.value];
14942
- return /* @__PURE__ */ b(Cv.Cell, { children: a }, r);
14943
+ let r = `${i}-${typeof e.value == "function" ? e.value(t) : t[e.value]}`, a = typeof e.value == "function" ? e.value(t) : t[e.value], o = typeof e.className == "function" ? e.className(t) : e.className;
14944
+ return /* @__PURE__ */ b(Cv.Cell, {
14945
+ className: o,
14946
+ children: a
14947
+ }, r);
14943
14948
  })
14944
14949
  }, i);
14945
14950
  }) });
14946
14951
  }
14947
14952
  function xv({ columns: e }) {
14948
- return /* @__PURE__ */ b(Cv.Head, { children: /* @__PURE__ */ b(Cv.Row, { children: e.map((e) => /* @__PURE__ */ b(Cv.TH, { children: e.header }, e.header)) }) });
14953
+ return /* @__PURE__ */ b(Cv.Head, { children: /* @__PURE__ */ b(Cv.Row, { children: e.map((e, t) => {
14954
+ let n = typeof e.header == "string" ? `footer-${e.header}` : `footer-${t}`;
14955
+ return /* @__PURE__ */ b(Cv.TH, {
14956
+ className: e.headerClassName,
14957
+ children: e.header
14958
+ }, n);
14959
+ }) }) });
14949
14960
  }
14950
14961
  function Sv({ columns: e }) {
14951
- return /* @__PURE__ */ b(Cv.Foot, { children: /* @__PURE__ */ b(Cv.Row, { children: e.map((e) => /* @__PURE__ */ b(Cv.TH, { children: e.header }, e.header)) }) });
14962
+ return /* @__PURE__ */ b(Cv.Foot, { children: /* @__PURE__ */ b(Cv.Row, { children: e.map((e, t) => {
14963
+ let n = typeof e.header == "string" ? `footer-${e.header}` : `footer-${t}`;
14964
+ return /* @__PURE__ */ b(Cv.TH, {
14965
+ className: e.footerClassName,
14966
+ children: e.header
14967
+ }, n);
14968
+ }) }) });
14952
14969
  }
14953
14970
  var Cv = ({ id: e, containerRef: t, tableRef: n, scrollX: r = !1, striped: i = !1, bordered: a = !1, hoverable: o = !1, fullwidth: s = !1, narrow: c = !1, children: l, className: u = "" }) => {
14954
14971
  let d = "table";
@@ -25112,7 +25129,7 @@ var bk = (e) => !("type" in e), xk = (e, t, n) => ({ tr: r, dispatch: i, editor:
25112
25129
  } else {
25113
25130
  f = i;
25114
25131
  let e = r.doc.resolve(c), t = e.node(), n = e.parentOffset === 0, a = t.isText || t.isTextblock, o = t.content.size > 0;
25115
- n && a && o && (c = Math.max(0, c - 1)), r.replaceWith(c, l, f);
25132
+ n && a && o && d && (c = Math.max(0, c - 1)), r.replaceWith(c, l, f);
25116
25133
  }
25117
25134
  n.updateSelection && yk(r, r.steps.length - 1, -1), n.applyInputRules && r.setMeta("applyInputRules", {
25118
25135
  from: c,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "loon-bulma-react",
3
3
  "private": false,
4
- "version": "2026.0.37",
4
+ "version": "2026.0.38",
5
5
  "description": "Bulma &amp; React componenten voor Loon Salarissoftware",
6
6
  "type": "module",
7
7
  "license": "MIT",
@@ -29,39 +29,39 @@
29
29
  "@fortawesome/fontawesome-svg-core": "^7.2.0",
30
30
  "@fortawesome/free-solid-svg-icons": "^7.2.0",
31
31
  "@fortawesome/react-fontawesome": "^3.3.0",
32
- "@tiptap/extension-bold": "^3.22.2",
33
- "@tiptap/extension-bullet-list": "^3.22.2",
34
- "@tiptap/extension-color": "^3.22.2",
35
- "@tiptap/extension-document": "^3.22.2",
36
- "@tiptap/extension-hard-break": "^3.22.2",
37
- "@tiptap/extension-heading": "^3.22.2",
38
- "@tiptap/extension-highlight": "^3.22.2",
39
- "@tiptap/extension-history": "^3.22.2",
40
- "@tiptap/extension-horizontal-rule": "^3.22.2",
41
- "@tiptap/extension-image": "^3.22.2",
42
- "@tiptap/extension-italic": "^3.22.2",
43
- "@tiptap/extension-link": "^3.22.2",
44
- "@tiptap/extension-list-item": "^3.22.2",
45
- "@tiptap/extension-ordered-list": "^3.22.2",
46
- "@tiptap/extension-paragraph": "^3.22.2",
47
- "@tiptap/extension-strike": "^3.22.2",
48
- "@tiptap/extension-subscript": "^3.22.2",
49
- "@tiptap/extension-superscript": "^3.22.2",
50
- "@tiptap/extension-table": "^3.22.2",
51
- "@tiptap/extension-table-cell": "^3.22.2",
52
- "@tiptap/extension-table-header": "^3.22.2",
53
- "@tiptap/extension-table-row": "^3.22.2",
54
- "@tiptap/extension-text": "^3.22.2",
55
- "@tiptap/extension-text-align": "^3.22.2",
56
- "@tiptap/extension-text-style": "^3.22.2",
57
- "@tiptap/extension-underline": "^3.22.2",
58
- "@tiptap/react": "^3.22.2",
32
+ "@tiptap/extension-bold": "^3.22.3",
33
+ "@tiptap/extension-bullet-list": "^3.22.3",
34
+ "@tiptap/extension-color": "^3.22.3",
35
+ "@tiptap/extension-document": "^3.22.3",
36
+ "@tiptap/extension-hard-break": "^3.22.3",
37
+ "@tiptap/extension-heading": "^3.22.3",
38
+ "@tiptap/extension-highlight": "^3.22.3",
39
+ "@tiptap/extension-history": "^3.22.3",
40
+ "@tiptap/extension-horizontal-rule": "^3.22.3",
41
+ "@tiptap/extension-image": "^3.22.3",
42
+ "@tiptap/extension-italic": "^3.22.3",
43
+ "@tiptap/extension-link": "^3.22.3",
44
+ "@tiptap/extension-list-item": "^3.22.3",
45
+ "@tiptap/extension-ordered-list": "^3.22.3",
46
+ "@tiptap/extension-paragraph": "^3.22.3",
47
+ "@tiptap/extension-strike": "^3.22.3",
48
+ "@tiptap/extension-subscript": "^3.22.3",
49
+ "@tiptap/extension-superscript": "^3.22.3",
50
+ "@tiptap/extension-table": "^3.22.3",
51
+ "@tiptap/extension-table-cell": "^3.22.3",
52
+ "@tiptap/extension-table-header": "^3.22.3",
53
+ "@tiptap/extension-table-row": "^3.22.3",
54
+ "@tiptap/extension-text": "^3.22.3",
55
+ "@tiptap/extension-text-align": "^3.22.3",
56
+ "@tiptap/extension-text-style": "^3.22.3",
57
+ "@tiptap/extension-underline": "^3.22.3",
58
+ "@tiptap/react": "^3.22.3",
59
59
  "@vitejs/plugin-react": "^6.0.1",
60
60
  "bulma": "^1.0.4",
61
61
  "date-fns": "^4.1.0",
62
62
  "npm": "^11.12.1",
63
63
  "rc-tooltip": "^6.4.0",
64
- "react-is": "^19.2.4",
64
+ "react-is": "^19.2.5",
65
65
  "react-syntax-highlighter": "^16.1.1"
66
66
  },
67
67
  "devDependencies": {
@@ -71,14 +71,14 @@
71
71
  "@testing-library/jest-dom": "^6.9.1",
72
72
  "@testing-library/react": "^16.3.2",
73
73
  "@testing-library/user-event": "^14.6.1",
74
- "@types/node": "^25.5.2",
74
+ "@types/node": "^25.6.0",
75
75
  "@types/react": "^19.2.14",
76
76
  "@types/react-dom": "^19.2.3",
77
77
  "@types/react-is": "^19.2.0",
78
78
  "@types/react-syntax-highlighter": "^15.5.13",
79
79
  "@typescript-eslint/parser": "^8.58.0",
80
80
  "@vitejs/plugin-react-swc": "^4.3.0",
81
- "@vitest/ui": "^4.1.3",
81
+ "@vitest/ui": "^4.1.4",
82
82
  "esbuild": "^0.28.0",
83
83
  "eslint": "^9.39.2",
84
84
  "eslint-config-prettier": "^10.1.8",
@@ -93,17 +93,17 @@
93
93
  "eslint-plugin-testing-library": "^7.16.0",
94
94
  "globals": "^17.4.0",
95
95
  "happy-dom": "^20.8.9",
96
- "prettier": "^3.8.1",
97
- "react": "^19.2.4",
98
- "react-dom": "^19.2.4",
96
+ "prettier": "^3.8.2",
97
+ "react": "^19.2.5",
98
+ "react-dom": "^19.2.5",
99
99
  "rollup-plugin-copy": "^3.5.0",
100
100
  "sass": "^1.99.0",
101
101
  "typescript": "^5.9.3",
102
- "typescript-eslint": "^8.58.0",
103
- "vite": "^8.0.6",
102
+ "typescript-eslint": "^8.58.1",
103
+ "vite": "^8.0.8",
104
104
  "vite-plugin-lib-inject-css": "^2.2.2",
105
105
  "vite-tsconfig-paths": "^6.1.1",
106
- "vitest": "^4.1.3"
106
+ "vitest": "^4.1.4"
107
107
  },
108
108
  "peerDependencies": {
109
109
  "bulma": "^1.0.4",