@chekinapp/ui 0.0.11 → 0.0.13
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/index.cjs +17 -24
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +0 -2
- package/dist/index.d.ts +0 -2
- package/dist/index.js +17 -24
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -171,8 +171,6 @@ declare const buttonVariants: (props?: ({
|
|
|
171
171
|
|
|
172
172
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
173
173
|
asChild?: boolean;
|
|
174
|
-
leftIcon?: React$1.ReactNode;
|
|
175
|
-
rightIcon?: React$1.ReactNode;
|
|
176
174
|
loading?: boolean;
|
|
177
175
|
loadingText?: string;
|
|
178
176
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -171,8 +171,6 @@ declare const buttonVariants: (props?: ({
|
|
|
171
171
|
|
|
172
172
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
173
173
|
asChild?: boolean;
|
|
174
|
-
leftIcon?: React$1.ReactNode;
|
|
175
|
-
rightIcon?: React$1.ReactNode;
|
|
176
174
|
loading?: boolean;
|
|
177
175
|
loadingText?: string;
|
|
178
176
|
}
|
package/dist/index.js
CHANGED
|
@@ -674,10 +674,9 @@ var buttonVariants = cva3(
|
|
|
674
674
|
],
|
|
675
675
|
link: [
|
|
676
676
|
"button_link",
|
|
677
|
-
"h-auto rounded-none bg-[var(--button-link-bg)] px-0 py-0 text-[color:var(--button-link-text)]",
|
|
678
|
-
"
|
|
679
|
-
"hover:
|
|
680
|
-
"disabled:hover:no-underline"
|
|
677
|
+
"h-auto [font-weight:var(--button-link-font-weight)] rounded-none bg-[var(--button-link-bg)] px-0 py-0 text-[color:var(--button-link-text)]",
|
|
678
|
+
"hover:opacity-80 active:opacity-80 before:hidden",
|
|
679
|
+
"disabled:hover:no-opacity-80"
|
|
681
680
|
],
|
|
682
681
|
tertiary: [
|
|
683
682
|
"button_tertiary",
|
|
@@ -747,8 +746,6 @@ var Button = React4.forwardRef(
|
|
|
747
746
|
shape,
|
|
748
747
|
asChild = false,
|
|
749
748
|
readOnly = false,
|
|
750
|
-
leftIcon,
|
|
751
|
-
rightIcon,
|
|
752
749
|
loading = false,
|
|
753
750
|
loadingText,
|
|
754
751
|
disabled,
|
|
@@ -783,11 +780,7 @@ var Button = React4.forwardRef(
|
|
|
783
780
|
children: loading ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5", children: [
|
|
784
781
|
/* @__PURE__ */ jsx10(Spinner, {}),
|
|
785
782
|
showLoadingLabel ? /* @__PURE__ */ jsx10("span", { children: loadingText || t("please_wait") }) : null
|
|
786
|
-
] }) : /* @__PURE__ */
|
|
787
|
-
leftIcon,
|
|
788
|
-
children,
|
|
789
|
-
rightIcon
|
|
790
|
-
] })
|
|
783
|
+
] }) : /* @__PURE__ */ jsx10("span", { className: "inline-flex items-center gap-2", children })
|
|
791
784
|
}
|
|
792
785
|
);
|
|
793
786
|
}
|
|
@@ -9249,11 +9242,7 @@ function ResponsiveSheet({
|
|
|
9249
9242
|
onPointerDownOutside: handleInteractOutside,
|
|
9250
9243
|
onInteractOutside: handleInteractOutside,
|
|
9251
9244
|
onEscapeKeyDown: handleEscapeKeyDown,
|
|
9252
|
-
className: cn(
|
|
9253
|
-
"max-w-[560px] rounded-[28px] border-0 p-0 shadow-xl",
|
|
9254
|
-
className,
|
|
9255
|
-
dialogClassName
|
|
9256
|
-
),
|
|
9245
|
+
className: cn("max-w-[560px] border-0 p-0 shadow-xl", className, dialogClassName),
|
|
9257
9246
|
lockScroll: false,
|
|
9258
9247
|
children: [
|
|
9259
9248
|
title ? /* @__PURE__ */ jsx122(DialogTitle, { className: "sr-only", children: title }) : null,
|
|
@@ -10746,6 +10735,7 @@ AirbnbSearchInput.displayName = "SearchInput";
|
|
|
10746
10735
|
import * as React39 from "react";
|
|
10747
10736
|
import { ChevronDown as ChevronDown3, Search as Search4 } from "lucide-react";
|
|
10748
10737
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
10738
|
+
import { useCallback as useCallback20 } from "react";
|
|
10749
10739
|
import { jsx as jsx132, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
10750
10740
|
var ROW_HEIGHT = 48;
|
|
10751
10741
|
var DESKTOP_LIST_HEIGHT = 280;
|
|
@@ -10819,6 +10809,16 @@ var SearchableSelectInternal = ({
|
|
|
10819
10809
|
const describedBy = error && !hideErrorMessage ? errorId : void 0;
|
|
10820
10810
|
const activeOptionId = highlightedIndex >= 0 ? getOptionId(reactId, highlightedIndex) : void 0;
|
|
10821
10811
|
useOutsideClick(containerRef, open && !isMobile ? () => closeSelect() : null);
|
|
10812
|
+
const setSelectOpen = useCallback20(
|
|
10813
|
+
(nextOpen, options2) => {
|
|
10814
|
+
setOpen(nextOpen);
|
|
10815
|
+
onOpenChange?.(nextOpen);
|
|
10816
|
+
if (!nextOpen && options2?.restoreFocus) {
|
|
10817
|
+
triggerRef.current?.focus();
|
|
10818
|
+
}
|
|
10819
|
+
},
|
|
10820
|
+
[]
|
|
10821
|
+
);
|
|
10822
10822
|
React39.useEffect(() => {
|
|
10823
10823
|
if (isBlocked) {
|
|
10824
10824
|
setSelectOpen(false);
|
|
@@ -10831,7 +10831,7 @@ var SearchableSelectInternal = ({
|
|
|
10831
10831
|
return () => {
|
|
10832
10832
|
window.cancelAnimationFrame(frameId);
|
|
10833
10833
|
};
|
|
10834
|
-
}, [isBlocked, open]);
|
|
10834
|
+
}, [isBlocked, open, setSelectOpen]);
|
|
10835
10835
|
React39.useEffect(() => {
|
|
10836
10836
|
if (!open) {
|
|
10837
10837
|
setHighlightedIndex(-1);
|
|
@@ -10844,13 +10844,6 @@ var SearchableSelectInternal = ({
|
|
|
10844
10844
|
return selectedIndex >= 0 ? selectedIndex : getFirstEnabledIndex(visibleOptions);
|
|
10845
10845
|
});
|
|
10846
10846
|
}, [open, selectedIndex, visibleOptions]);
|
|
10847
|
-
function setSelectOpen(nextOpen, options2) {
|
|
10848
|
-
setOpen(nextOpen);
|
|
10849
|
-
onOpenChange?.(nextOpen);
|
|
10850
|
-
if (!nextOpen && options2?.restoreFocus) {
|
|
10851
|
-
triggerRef.current?.focus();
|
|
10852
|
-
}
|
|
10853
|
-
}
|
|
10854
10847
|
function openSelect() {
|
|
10855
10848
|
if (isBlocked) return;
|
|
10856
10849
|
setSelectOpen(true);
|