loon-bulma-react 2026.0.28 → 2026.0.29
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.
- package/dist/components/DataTable/DataTable.d.ts +4 -2
- package/dist/components/DataTable/DataTableDropdown.d.ts +4 -2
- package/dist/components/Dropdown/Dropdown.d.ts +4 -2
- package/dist/index.js +22 -10
- package/dist/styles/datatable-dropdown.scss +5 -0
- package/dist/styles/dropdown.scss +5 -0
- package/package.json +1 -1
|
@@ -189,14 +189,16 @@ declare namespace DataTable {
|
|
|
189
189
|
children: React.ReactNode;
|
|
190
190
|
}): import("react/jsx-runtime").JSX.Element;
|
|
191
191
|
Divider(): import("react/jsx-runtime").JSX.Element;
|
|
192
|
-
Item({ children, onClick, onItemClick, ...props }: {
|
|
192
|
+
Item({ children, onClick, onItemClick, disabled, ...props }: {
|
|
193
193
|
children: React.ReactNode;
|
|
194
|
+
disabled?: boolean;
|
|
194
195
|
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
195
196
|
onItemClick?: (isClickable: boolean) => void;
|
|
196
197
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
197
|
-
Link({ children, onItemClick, ...props }: {
|
|
198
|
+
Link({ children, onItemClick, disabled, ...props }: {
|
|
198
199
|
children: React.ReactNode;
|
|
199
200
|
onItemClick?: (isClickable: boolean) => void;
|
|
201
|
+
disabled?: boolean;
|
|
200
202
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
|
|
201
203
|
};
|
|
202
204
|
var Container: typeof DataTableContainer;
|
|
@@ -23,14 +23,16 @@ declare const DataTableDropdown: {
|
|
|
23
23
|
children: React.ReactNode;
|
|
24
24
|
}): import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
Divider(): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
Item({ children, onClick, onItemClick, ...props }: {
|
|
26
|
+
Item({ children, onClick, onItemClick, disabled, ...props }: {
|
|
27
27
|
children: React.ReactNode;
|
|
28
|
+
disabled?: boolean;
|
|
28
29
|
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
29
30
|
onItemClick?: (isClickable: boolean) => void;
|
|
30
31
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
Link({ children, onItemClick, ...props }: {
|
|
32
|
+
Link({ children, onItemClick, disabled, ...props }: {
|
|
32
33
|
children: React.ReactNode;
|
|
33
34
|
onItemClick?: (isClickable: boolean) => void;
|
|
35
|
+
disabled?: boolean;
|
|
34
36
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
|
|
35
37
|
};
|
|
36
38
|
export { DataTableDropdown };
|
|
@@ -26,14 +26,16 @@ declare const Dropdown: {
|
|
|
26
26
|
children: React.ReactNode;
|
|
27
27
|
}): import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
Divider(): import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
Item({ children, onClick, onItemClick, ...props }: {
|
|
29
|
+
Item({ children, onClick, onItemClick, disabled, ...props }: {
|
|
30
30
|
children: React.ReactNode;
|
|
31
31
|
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
32
32
|
onItemClick?: (isClickable: boolean) => void;
|
|
33
|
+
disabled?: boolean;
|
|
33
34
|
} & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
34
|
-
Link({ children, onItemClick, ...props }: {
|
|
35
|
+
Link({ children, onItemClick, disabled, ...props }: {
|
|
35
36
|
children: React.ReactNode;
|
|
36
37
|
onItemClick?: (isClickable: boolean) => void;
|
|
38
|
+
disabled?: boolean;
|
|
37
39
|
} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
|
|
38
40
|
};
|
|
39
41
|
export { Dropdown };
|
package/dist/index.js
CHANGED
|
@@ -15166,12 +15166,18 @@ Nr.Item = ({
|
|
|
15166
15166
|
children: t,
|
|
15167
15167
|
onClick: e,
|
|
15168
15168
|
onItemClick: n,
|
|
15169
|
+
disabled: r = !1,
|
|
15170
|
+
...i
|
|
15171
|
+
}) => /* @__PURE__ */ y("div", { className: `dt-dropdown-item ${e ? "is-clickable" : ""} ${r ? "is-disabled" : ""}`, onClick: (s) => {
|
|
15172
|
+
s.stopPropagation(), e?.(s), n?.(!!e);
|
|
15173
|
+
}, ...i, children: t });
|
|
15174
|
+
Nr.Link = ({
|
|
15175
|
+
children: t,
|
|
15176
|
+
onItemClick: e,
|
|
15177
|
+
disabled: n = !1,
|
|
15169
15178
|
...r
|
|
15170
|
-
}) => /* @__PURE__ */ y("
|
|
15171
|
-
o.stopPropagation(),
|
|
15172
|
-
}, ...r, children: t });
|
|
15173
|
-
Nr.Link = ({ children: t, onItemClick: e, ...n }) => /* @__PURE__ */ y("a", { className: "dt-dropdown-item", ...n, onClick: (i) => {
|
|
15174
|
-
i.stopPropagation(), n.onClick?.(i), e?.(!0);
|
|
15179
|
+
}) => /* @__PURE__ */ y("a", { className: `dt-dropdown-item ${n ? "is-disabled" : ""}`, ...r, onClick: (o) => {
|
|
15180
|
+
o.stopPropagation(), r.onClick?.(o), e?.(!0);
|
|
15175
15181
|
}, children: t });
|
|
15176
15182
|
function c4(t, e, n, r, i) {
|
|
15177
15183
|
let o, s;
|
|
@@ -15735,12 +15741,18 @@ ti.Item = ({
|
|
|
15735
15741
|
children: t,
|
|
15736
15742
|
onClick: e,
|
|
15737
15743
|
onItemClick: n,
|
|
15744
|
+
disabled: r = !1,
|
|
15745
|
+
...i
|
|
15746
|
+
}) => /* @__PURE__ */ y("div", { className: `dropdown-item ${e ? "is-clickable" : ""} ${r ? "is-disabled" : ""}`, onClick: (s) => {
|
|
15747
|
+
s.stopPropagation(), e?.(s), n?.(!!e);
|
|
15748
|
+
}, ...i, children: t });
|
|
15749
|
+
ti.Link = ({
|
|
15750
|
+
children: t,
|
|
15751
|
+
onItemClick: e,
|
|
15752
|
+
disabled: n = !1,
|
|
15738
15753
|
...r
|
|
15739
|
-
}) => /* @__PURE__ */ y("
|
|
15740
|
-
o.stopPropagation(),
|
|
15741
|
-
}, ...r, children: t });
|
|
15742
|
-
ti.Link = ({ children: t, onItemClick: e, ...n }) => /* @__PURE__ */ y("a", { className: "dropdown-item", ...n, onClick: (i) => {
|
|
15743
|
-
i.stopPropagation(), n.onClick?.(i), e?.(!0);
|
|
15754
|
+
}) => /* @__PURE__ */ y("a", { className: `dropdown-item ${n ? "is-disabled" : ""}`, ...r, onClick: (o) => {
|
|
15755
|
+
o.stopPropagation(), r.onClick?.(o), e?.(!0);
|
|
15744
15756
|
}, children: t });
|
|
15745
15757
|
function y4(t, e, n, r, i) {
|
|
15746
15758
|
let o, s;
|
|
@@ -171,6 +171,11 @@ $dt-dropdown-divider-background-color: cv.getVar('border-weak') !default;
|
|
|
171
171
|
);
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
+
&.is-disabled {
|
|
175
|
+
cursor: not-allowed !important;
|
|
176
|
+
opacity: 0.5;
|
|
177
|
+
}
|
|
178
|
+
|
|
174
179
|
&.#{iv.$class-prefix}is-active,
|
|
175
180
|
&.#{iv.$class-prefix}is-selected {
|
|
176
181
|
@include cv.register-vars(
|
|
@@ -149,6 +149,11 @@ button.#{iv.$class-prefix}dropdown-item {
|
|
|
149
149
|
);
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
+
&.is-disabled {
|
|
153
|
+
cursor: not-allowed !important;
|
|
154
|
+
opacity: 0.5;
|
|
155
|
+
}
|
|
156
|
+
|
|
152
157
|
&.#{iv.$class-prefix}is-active,
|
|
153
158
|
&.#{iv.$class-prefix}is-selected {
|
|
154
159
|
@include cv.register-vars(
|