loon-bulma-react 2026.0.27 → 2026.0.29

package/dist/components/DataTable/DataTable.d.ts

@@ -189,14 +189,16 @@ declare namespace DataTable {
             children: React.ReactNode;
         }): import("react/jsx-runtime").JSX.Element;
         Divider(): import("react/jsx-runtime").JSX.Element;
-        Item({ children, onClick, onItemClick, ...props }: {
+        Item({ children, onClick, onItemClick, disabled, ...props }: {
             children: React.ReactNode;
+            disabled?: boolean;
             onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
             onItemClick?: (isClickable: boolean) => void;
         } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-        Link({ children, onItemClick, ...props }: {
+        Link({ children, onItemClick, disabled, ...props }: {
             children: React.ReactNode;
             onItemClick?: (isClickable: boolean) => void;
+            disabled?: boolean;
         } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
     };
     var Container: typeof DataTableContainer;

package/dist/components/DataTable/DataTableDropdown.d.ts

@@ -15,6 +15,7 @@ type DataTableDropdownProps = {
  * DataTable.Dropdown - A specialized dropdown component for use within DataTable.
  * This component always uses a portal to render outside the table-container,
  * preventing clipping issues caused by overflow properties on the table container.
+ * WIEHOE
  */
 declare const DataTableDropdown: {
     ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: DataTableDropdownProps): import("react/jsx-runtime").JSX.Element;
@@ -22,14 +23,16 @@ declare const DataTableDropdown: {
         children: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     Divider(): import("react/jsx-runtime").JSX.Element;
-    Item({ children, onClick, onItemClick, ...props }: {
+    Item({ children, onClick, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
+        disabled?: boolean;
         onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
         onItemClick?: (isClickable: boolean) => void;
     } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    Link({ children, onItemClick, ...props }: {
+    Link({ children, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onItemClick?: (isClickable: boolean) => void;
+        disabled?: boolean;
     } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
 };
 export { DataTableDropdown };

package/dist/components/Dropdown/Dropdown.d.ts

@@ -26,14 +26,16 @@ declare const Dropdown: {
         children: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     Divider(): import("react/jsx-runtime").JSX.Element;
-    Item({ children, onClick, onItemClick, ...props }: {
+    Item({ children, onClick, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
         onItemClick?: (isClickable: boolean) => void;
+        disabled?: boolean;
     } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    Link({ children, onItemClick, ...props }: {
+    Link({ children, onItemClick, disabled, ...props }: {
         children: React.ReactNode;
         onItemClick?: (isClickable: boolean) => void;
+        disabled?: boolean;
     } & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
 };
 export { Dropdown };

package/dist/index.js

@@ -12665,8 +12665,8 @@ Tn.OptGroup = ({ label: t, children: e, disabled: n }) => /* @__PURE__ */ y("opt
 Tn.Divider = ({ dividerChar: t = "-", repeat: e = 15 }) => /* @__PURE__ */ y("option", { disabled: !0, children: Array(e).join(t) });
 function SM(t) {
   let [e, n] = b.useState("0px"), [r, i] = b.useState("0px"), [o, s] = b.useState(!1), a = b.useCallback(
-    function(u) {
-      t && t.current?.contains(u.target) ? (u.preventDefault(), n(`${u.clientX}px`), i(`${u.clientY}px`), s(!0)) : s(!1);
+    function(f) {
+      t && t.current?.contains(f.target) ? (f.preventDefault(), n(`${f.clientX}px`), i(`${f.clientY}px`), s(!0)) : s(!1);
     },
     [t, s, n, i]
   ), l = b.useCallback(
@@ -12674,10 +12674,15 @@ function SM(t) {
       s(!1);
     },
     [s]
+  ), c = b.useCallback(
+    function() {
+      s(!1);
+    },
+    [s]
   );
-  return b.useEffect(() => (document.addEventListener("click", l), document.addEventListener("contextmenu", a), document.addEventListener("scroll", l), () => {
-    document.removeEventListener("click", l), document.removeEventListener("contextmenu", a), document.removeEventListener("scroll", l);
-  }), [l, a]), { x: e, y: r, show: o };
+  return b.useEffect(() => (document.addEventListener("click", l), document.addEventListener("mousedown", c, !0), document.addEventListener("touchstart", c, !0), document.addEventListener("contextmenu", a), document.addEventListener("scroll", l), () => {
+    document.removeEventListener("click", l), document.removeEventListener("mousedown", c, !0), document.removeEventListener("touchstart", c, !0), document.removeEventListener("contextmenu", a), document.removeEventListener("scroll", l);
+  }), [l, a, c]), { x: e, y: r, show: o };
 }
 function EM({ outerRef: t, children: e }) {
   let { x: n, y: r, show: i } = SM(t);
@@ -15161,12 +15166,18 @@ Nr.Item = ({
   children: t,
   onClick: e,
   onItemClick: n,
+  disabled: r = !1,
+  ...i
+}) => /* @__PURE__ */ y("div", { className: `dt-dropdown-item ${e ? "is-clickable" : ""} ${r ? "is-disabled" : ""}`, onClick: (s) => {
+  s.stopPropagation(), e?.(s), n?.(!!e);
+}, ...i, children: t });
+Nr.Link = ({
+  children: t,
+  onItemClick: e,
+  disabled: n = !1,
   ...r
-}) => /* @__PURE__ */ y("div", { className: `dt-dropdown-item ${e ? "is-clickable" : ""}`, onClick: (o) => {
-  o.stopPropagation(), e?.(o), n?.(!!e);
-}, ...r, children: t });
-Nr.Link = ({ children: t, onItemClick: e, ...n }) => /* @__PURE__ */ y("a", { className: "dt-dropdown-item", ...n, onClick: (i) => {
-  i.stopPropagation(), n.onClick?.(i), e?.(!0);
+}) => /* @__PURE__ */ y("a", { className: `dt-dropdown-item ${n ? "is-disabled" : ""}`, ...r, onClick: (o) => {
+  o.stopPropagation(), r.onClick?.(o), e?.(!0);
 }, children: t });
 function c4(t, e, n, r, i) {
   let o, s;
@@ -15730,12 +15741,18 @@ ti.Item = ({
   children: t,
   onClick: e,
   onItemClick: n,
+  disabled: r = !1,
+  ...i
+}) => /* @__PURE__ */ y("div", { className: `dropdown-item ${e ? "is-clickable" : ""} ${r ? "is-disabled" : ""}`, onClick: (s) => {
+  s.stopPropagation(), e?.(s), n?.(!!e);
+}, ...i, children: t });
+ti.Link = ({
+  children: t,
+  onItemClick: e,
+  disabled: n = !1,
   ...r
-}) => /* @__PURE__ */ y("div", { className: `dropdown-item ${e ? "is-clickable" : ""}`, onClick: (o) => {
-  o.stopPropagation(), e?.(o), n?.(!!e);
-}, ...r, children: t });
-ti.Link = ({ children: t, onItemClick: e, ...n }) => /* @__PURE__ */ y("a", { className: "dropdown-item", ...n, onClick: (i) => {
-  i.stopPropagation(), n.onClick?.(i), e?.(!0);
+}) => /* @__PURE__ */ y("a", { className: `dropdown-item ${n ? "is-disabled" : ""}`, ...r, onClick: (o) => {
+  o.stopPropagation(), r.onClick?.(o), e?.(!0);
 }, children: t });
 function y4(t, e, n, r, i) {
   let o, s;
@@ -29506,7 +29523,7 @@ function hu(t, {
     if (t.type.name === "hardBreak")
       return !0;
     if (t.isText)
-      return /^\s*$/m.test((r = t.text) != null ? r : "");
+      return !/\S/.test((r = t.text) != null ? r : "");
   }
   if (t.isText)
     return !t.text;
@@ -33505,6 +33522,12 @@ var HP = tn.create({
   },
   markdownTokenName: "strong",
   parseMarkdown: (t, e) => e.applyMark("bold", e.parseInline(t.tokens || [])),
+  markdownOptions: {
+    htmlReopen: {
+      open: "<strong>",
+      close: "</strong>"
+    }
+  },
   renderMarkdown: (t, e) => `**${e.renderChildren(t)}**`,
   addCommands() {
     return {
@@ -33580,6 +33603,12 @@ var HP = tn.create({
   },
   markdownTokenName: "em",
   parseMarkdown: (t, e) => e.applyMark("italic", e.parseInline(t.tokens || [])),
+  markdownOptions: {
+    htmlReopen: {
+      open: "<em>",
+      close: "</em>"
+    }
+  },
   renderMarkdown: (t, e) => `*${e.renderChildren(t)}*`,
   addKeyboardShortcuts() {
     return {
@@ -35275,6 +35304,8 @@ Ze.create({
             const s = this.editor.isEmpty;
             return e.descendants((a, l) => {
               const c = i >= l && i <= l + a.nodeSize, u = !a.isLeaf && hu(a);
+              if (!a.type.isTextblock)
+                return this.options.includeChildren;
               if ((c || !this.options.showOnlyCurrent) && u) {
                 const f = [this.options.emptyNodeClass];
                 s && f.push(this.options.emptyEditorClass);

package/dist/styles/_all.scss

@@ -385,7 +385,7 @@ body::webkit-scrollbar-thumb {
 div.context-menu {
   @extend .bulma-box;
   z-index: 9999;
-  padding: 8px;
+  padding: 0;
   position: fixed;
 }
 

package/dist/styles/datatable-dropdown.scss

@@ -171,6 +171,11 @@ $dt-dropdown-divider-background-color: cv.getVar('border-weak') !default;
       );
     }
 
+    &.is-disabled {
+      cursor: not-allowed !important;
+      opacity: 0.5;
+    }
+
     &.#{iv.$class-prefix}is-active,
     &.#{iv.$class-prefix}is-selected {
       @include cv.register-vars(

package/dist/styles/dropdown.scss

@@ -149,6 +149,11 @@ button.#{iv.$class-prefix}dropdown-item {
     );
   }
 
+  &.is-disabled {
+    cursor: not-allowed !important;
+    opacity: 0.5;
+  }
+
   &.#{iv.$class-prefix}is-active,
   &.#{iv.$class-prefix}is-selected {
     @include cv.register-vars(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "loon-bulma-react",
   "private": false,
-  "version": "2026.0.27",
+  "version": "2026.0.29",
   "description": "Bulma & React componenten voor Loon Salarissoftware",
   "type": "module",
   "license": "MIT",
@@ -29,33 +29,33 @@
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
     "@fortawesome/react-fontawesome": "^3.2.0",
-    "@tiptap/extension-bold": "^3.20.2",
-    "@tiptap/extension-bullet-list": "^3.20.2",
-    "@tiptap/extension-color": "^3.20.2",
-    "@tiptap/extension-document": "^3.20.2",
-    "@tiptap/extension-hard-break": "^3.20.2",
-    "@tiptap/extension-heading": "^3.20.2",
-    "@tiptap/extension-highlight": "^3.20.2",
-    "@tiptap/extension-history": "^3.20.2",
-    "@tiptap/extension-horizontal-rule": "^3.20.2",
-    "@tiptap/extension-image": "^3.20.2",
-    "@tiptap/extension-italic": "^3.20.2",
-    "@tiptap/extension-link": "^3.20.2",
-    "@tiptap/extension-list-item": "^3.20.2",
-    "@tiptap/extension-ordered-list": "^3.20.2",
-    "@tiptap/extension-paragraph": "^3.20.2",
-    "@tiptap/extension-strike": "^3.20.2",
-    "@tiptap/extension-subscript": "^3.20.2",
-    "@tiptap/extension-superscript": "^3.20.2",
-    "@tiptap/extension-table": "^3.20.2",
-    "@tiptap/extension-table-cell": "^3.20.2",
-    "@tiptap/extension-table-header": "^3.20.2",
-    "@tiptap/extension-table-row": "^3.20.2",
-    "@tiptap/extension-text": "^3.20.2",
-    "@tiptap/extension-text-align": "^3.20.2",
-    "@tiptap/extension-text-style": "^3.20.2",
-    "@tiptap/extension-underline": "^3.20.2",
-    "@tiptap/react": "^3.20.2",
+    "@tiptap/extension-bold": "^3.20.4",
+    "@tiptap/extension-bullet-list": "^3.20.4",
+    "@tiptap/extension-color": "^3.20.4",
+    "@tiptap/extension-document": "^3.20.4",
+    "@tiptap/extension-hard-break": "^3.20.4",
+    "@tiptap/extension-heading": "^3.20.4",
+    "@tiptap/extension-highlight": "^3.20.4",
+    "@tiptap/extension-history": "^3.20.4",
+    "@tiptap/extension-horizontal-rule": "^3.20.4",
+    "@tiptap/extension-image": "^3.20.4",
+    "@tiptap/extension-italic": "^3.20.4",
+    "@tiptap/extension-link": "^3.20.4",
+    "@tiptap/extension-list-item": "^3.20.4",
+    "@tiptap/extension-ordered-list": "^3.20.4",
+    "@tiptap/extension-paragraph": "^3.20.4",
+    "@tiptap/extension-strike": "^3.20.4",
+    "@tiptap/extension-subscript": "^3.20.4",
+    "@tiptap/extension-superscript": "^3.20.4",
+    "@tiptap/extension-table": "^3.20.4",
+    "@tiptap/extension-table-cell": "^3.20.4",
+    "@tiptap/extension-table-header": "^3.20.4",
+    "@tiptap/extension-table-row": "^3.20.4",
+    "@tiptap/extension-text": "^3.20.4",
+    "@tiptap/extension-text-align": "^3.20.4",
+    "@tiptap/extension-text-style": "^3.20.4",
+    "@tiptap/extension-underline": "^3.20.4",
+    "@tiptap/react": "^3.20.4",
     "bulma": "^1.0.4",
     "date-fns": "^4.1.0",
     "npm": "^11.11.1",
@@ -97,7 +97,7 @@
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.98.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript-eslint": "^8.57.1",
     "vite": "^7.3.1",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^6.1.1",