@chekinapp/ui 0.0.118 → 0.0.120

package/dist/index.cjs

@@ -14203,26 +14203,36 @@ function SelectInternal(props, ref) {
     menuHeader,
     onMenuScrollToBottom,
     leftIcon,
-    formatGroupLabel
+    formatGroupLabel,
+    onReset
   } = props;
   const isSearchInDropdown = searchPosition === "dropdown";
   const isMulti = props.isMulti === true;
   const clearable = !isMulti ? props.clearable ?? true : true;
   const closeMenuOnSelect = isMulti ? props.closeMenuOnSelect ?? false : void 0;
   const { t } = (0, import_react_i18next33.useTranslation)();
+  const isControlled = props.value !== void 0;
+  const [internalValue, setInternalValue] = React49.useState(() => {
+    if (isMulti) return props.defaultValue ?? [];
+    return props.defaultValue ?? null;
+  });
+  const currentValue = isControlled ? props.value : internalValue;
   const selectedOptions = React49.useMemo(() => {
-    if (isMulti) return props.value ?? [];
-    return props.value ? [props.value] : [];
-  }, [isMulti, props.value]);
+    if (isMulti) return currentValue ?? [];
+    return currentValue ? [currentValue] : [];
+  }, [isMulti, currentValue]);
   const onSelectionChange = React49.useCallback(
     (next, meta) => {
       if (isMulti) {
-        props.onChange(next, meta);
+        if (!isControlled) setInternalValue(next);
+        props.onChange?.(next, meta);
       } else {
-        props.onChange(next[0] ?? null, meta);
+        const nextValue = next[0] ?? null;
+        if (!isControlled) setInternalValue(nextValue);
+        props.onChange?.(nextValue, meta);
       }
     },
-    [isMulti, props.onChange]
+    [isMulti, isControlled, props.onChange]
   );
   const flatOptions = React49.useMemo(() => flattenGroupedOptions(options), [options]);
   const state = useSelectState({
@@ -14270,7 +14280,10 @@ function SelectInternal(props, ref) {
   const resolvedLabel = label ?? placeholder;
   const hasInvalidState = state.hasInvalidState || Boolean(invalid);
   const hiddenValue = isMulti ? selectedOptions.map((item) => String(item.value)).join(",") : selectedOptions[0] ? String(selectedOptions[0].value) : "";
-  const handleClear = (event) => state.clearSelection(event);
+  const handleClear = (event) => {
+    state.clearSelection(event);
+    onReset?.();
+  };
   const { Control, MenuList, CreateOption } = components;
   return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
     SelectFieldShell,
@@ -14502,7 +14515,14 @@ function VirtualMenuList(props) {
     if (lastLoadMoreOptionsLengthRef.current === options.length) return;
     lastLoadMoreOptionsLengthRef.current = options.length;
     loadMoreItems();
-  }, [virtualItems, options.length]);
+  }, [
+    virtualItems,
+    options.length,
+    canLoadMore,
+    isLoadingMore,
+    loadMoreItems,
+    loadMoreThreshold
+  ]);
   React51.useEffect(() => {
     const changed = previousHighlightedIndexRef.current !== highlightedIndex;
     previousHighlightedIndexRef.current = highlightedIndex;
@@ -14678,14 +14698,7 @@ function InfiniteScrollSelectInternal(props, ref) {
       if (synthetic) list = [synthetic, ...list];
     }
     return list;
-  }, [
-    rawOptions,
-    inputValue,
-    filterOption,
-    getFullSearchOption,
-    rest.getValueLabel,
-    props
-  ]);
+  }, [rawOptions, inputValue, filterOption, getFullSearchOption, props, rest]);
   const contextValue = React52.useMemo(
     () => ({
       canLoadMore,
@@ -14749,13 +14762,7 @@ function hasPaginationProps(props) {
   return props.canLoadMore !== void 0 || props.isLoadingMore !== void 0 || props.loadMoreItems !== void 0 || props.onSearchChange !== void 0 || props.getFullSearchOption !== void 0;
 }
 function SearchingSelectInternal(props, ref) {
-  const {
-    trigger,
-    components: userComponents,
-    searchPlaceholder,
-    searchable = true,
-    ...rest
-  } = props;
+  const { trigger, components: userComponents, searchable = true, ...rest } = props;
   const Control = React53.useMemo(() => {
     if (trigger) return makeTriggerSlot(trigger);
     return StaticControl;
@@ -15205,6 +15212,7 @@ function SelectCheckboxesInternal(props, ref) {
   const {
     options: rawOptions = [],
     value,
+    defaultValue,
     onChange,
     trigger,
     components: userComponents,
@@ -15222,7 +15230,19 @@ function SelectCheckboxesInternal(props, ref) {
     paginationAndRest
   );
   const [inputValue, setInputValue] = React59.useState("");
-  const selected = value ?? [];
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = React59.useState(
+    () => defaultValue ?? []
+  );
+  const currentValue = isControlled ? value : internalValue;
+  const selected = React59.useMemo(() => currentValue ?? [], [currentValue]);
+  const handleChange = React59.useCallback(
+    (next, meta) => {
+      if (!isControlled) setInternalValue(next);
+      onChange?.(next, meta);
+    },
+    [isControlled, onChange]
+  );
   const flatRawOptions = React59.useMemo(
     () => flattenGroupedOptions(rawOptions),
     [rawOptions]
@@ -15249,7 +15269,7 @@ function SelectCheckboxesInternal(props, ref) {
   const handleToggleAll = React59.useCallback(() => {
     if (allVisibleSelected) {
       const visibleValues = new Set(filteredFlat.map((option) => option.value));
-      onChange(
+      handleChange(
         selected.filter((s) => !visibleValues.has(s.value)),
         { action: "deselect" }
       );
@@ -15259,8 +15279,8 @@ function SelectCheckboxesInternal(props, ref) {
     for (const option of filteredFlat) {
       if (!merged.some((s) => s.value === option.value)) merged.push(option);
     }
-    onChange(merged, { action: "select" });
-  }, [allVisibleSelected, filteredFlat, onChange, selected]);
+    handleChange(merged, { action: "select" });
+  }, [allVisibleSelected, filteredFlat, handleChange, selected]);
   const Control = React59.useMemo(() => {
     if (trigger) return makeTriggerSlot2(trigger);
     return createCountTrigger({
@@ -15293,8 +15313,8 @@ function SelectCheckboxesInternal(props, ref) {
   );
   const baseSharedProps = {
     ...paginationAndRest,
-    value,
-    onChange,
+    value: currentValue,
+    onChange: handleChange,
     filterOption: passthroughFilter2,
     components,
     closeMenuOnSelect,
@@ -16292,7 +16312,7 @@ var Datepicker = React63.forwardRef(
     React63.useImperativeHandle(
       ref,
       () => dayInputRef.current ?? mobileTriggerRef.current,
-      [isMobile3]
+      []
     );
     React63.useEffect(() => {
       if (!isControlled) return;
@@ -19027,7 +19047,7 @@ function useDesktopSelect({
   const handleSelect = React76.useCallback(
     (option) => {
       if (option.isDisabled || disabled) return;
-      onChange(option);
+      onChange?.(option);
     },
     [disabled, onChange]
   );
@@ -19105,7 +19125,7 @@ function useDesktopSelect({
         event.preventDefault();
         const option = options[highlightedIndex];
         if (option && !option.isDisabled) {
-          onChange(option);
+          onChange?.(option);
           onClose();
           focusTrigger();
         }
@@ -19434,7 +19454,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
       }
       const validOption = filteredOptions.find((option) => option.value === value.value);
       if (validOption) {
-        onChange(validOption);
+        onChange?.(validOption);
       }
     },
     [onChange, filteredOptions, value]
@@ -19454,7 +19474,7 @@ var AirbnbSelect = React79.forwardRef(function AirbnbSelect2({
     if (isBlocked) return;
     const finalOption = pendingValue;
     if (finalOption && finalOption.value !== value?.value) {
-      onChange(finalOption);
+      onChange?.(finalOption);
     }
     setIsOpen(false);
     focusTrigger();