framepexls-ui-lib 0.1.20 → 0.1.21
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/ComboSelect.js +8 -1
- package/dist/ComboSelect.mjs +8 -1
- package/package.json +1 -1
package/dist/ComboSelect.js
CHANGED
|
@@ -100,6 +100,9 @@ function ComboSelect({
|
|
|
100
100
|
document.addEventListener("focusin", onFocusIn);
|
|
101
101
|
return () => document.removeEventListener("focusin", onFocusIn);
|
|
102
102
|
}, [open]);
|
|
103
|
+
import_react.default.useEffect(() => {
|
|
104
|
+
if (disabled && open) setOpen(false);
|
|
105
|
+
}, [disabled, open]);
|
|
103
106
|
const isOutside = import_react.default.useCallback((e) => {
|
|
104
107
|
var _a2;
|
|
105
108
|
const path = (_a2 = e.composedPath) == null ? void 0 : _a2.call(e);
|
|
@@ -421,12 +424,16 @@ function ComboSelect({
|
|
|
421
424
|
unstyled: true,
|
|
422
425
|
type: "button",
|
|
423
426
|
title: open ? "Cerrar" : "Abrir",
|
|
424
|
-
|
|
427
|
+
disabled,
|
|
428
|
+
className: cx(
|
|
429
|
+
disabled ? "pointer-events-none opacity-60" : "pointer-events-auto inline-flex h-7 w-7 items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 active:scale-95 dark:border-white/10 dark:bg-white/5"
|
|
430
|
+
),
|
|
425
431
|
onMouseDown: (e) => {
|
|
426
432
|
e.preventDefault();
|
|
427
433
|
e.stopPropagation();
|
|
428
434
|
},
|
|
429
435
|
onClick: () => {
|
|
436
|
+
if (disabled) return;
|
|
430
437
|
setOpen((o) => !o);
|
|
431
438
|
if (!open) requestAnimationFrame(() => {
|
|
432
439
|
var _a2;
|
package/dist/ComboSelect.mjs
CHANGED
|
@@ -67,6 +67,9 @@ function ComboSelect({
|
|
|
67
67
|
document.addEventListener("focusin", onFocusIn);
|
|
68
68
|
return () => document.removeEventListener("focusin", onFocusIn);
|
|
69
69
|
}, [open]);
|
|
70
|
+
React.useEffect(() => {
|
|
71
|
+
if (disabled && open) setOpen(false);
|
|
72
|
+
}, [disabled, open]);
|
|
70
73
|
const isOutside = React.useCallback((e) => {
|
|
71
74
|
var _a2;
|
|
72
75
|
const path = (_a2 = e.composedPath) == null ? void 0 : _a2.call(e);
|
|
@@ -388,12 +391,16 @@ function ComboSelect({
|
|
|
388
391
|
unstyled: true,
|
|
389
392
|
type: "button",
|
|
390
393
|
title: open ? "Cerrar" : "Abrir",
|
|
391
|
-
|
|
394
|
+
disabled,
|
|
395
|
+
className: cx(
|
|
396
|
+
disabled ? "pointer-events-none opacity-60" : "pointer-events-auto inline-flex h-7 w-7 items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 active:scale-95 dark:border-white/10 dark:bg-white/5"
|
|
397
|
+
),
|
|
392
398
|
onMouseDown: (e) => {
|
|
393
399
|
e.preventDefault();
|
|
394
400
|
e.stopPropagation();
|
|
395
401
|
},
|
|
396
402
|
onClick: () => {
|
|
403
|
+
if (disabled) return;
|
|
397
404
|
setOpen((o) => !o);
|
|
398
405
|
if (!open) requestAnimationFrame(() => {
|
|
399
406
|
var _a2;
|