@chekinapp/ui 0.0.118 → 0.0.119

package/dist/index.d.cts

@@ -3081,6 +3081,7 @@ type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
     onMenuScrollToBottom?: (event: React$1.UIEvent<HTMLDivElement>) => void;
     leftIcon?: React$1.ReactNode;
     formatGroupLabel?: SelectFormatGroupLabel<T, V, L>;
+    onReset?: () => void;
 };
 type SingleSelectProps<T, V extends SelectValue$1, L extends ReactNode> = BaseSelectProps<T, V, L> & {
     isMulti?: false;
@@ -3104,7 +3105,6 @@ type SearchingSelectTriggerRenderer = (isOpen: boolean, toggle: () => void) => R
 type SearchingSelectBaseProps<T, V extends SelectValue$1, L extends ReactNode> = Omit<SingleSelectProps<T, V, L>, 'isMulti' | 'searchPosition' | 'components'> & {
     trigger?: SearchingSelectTriggerRenderer;
     components?: SelectComponents<T, V, L>;
-    searchPlaceholder?: string;
     /** Hide the in-menu search input (default: true). */
     searchable?: boolean;
 };

package/dist/index.d.ts

@@ -3081,6 +3081,7 @@ type BaseSelectProps<T, V extends SelectValue$1, L extends ReactNode> = {
     onMenuScrollToBottom?: (event: React$1.UIEvent<HTMLDivElement>) => void;
     leftIcon?: React$1.ReactNode;
     formatGroupLabel?: SelectFormatGroupLabel<T, V, L>;
+    onReset?: () => void;
 };
 type SingleSelectProps<T, V extends SelectValue$1, L extends ReactNode> = BaseSelectProps<T, V, L> & {
     isMulti?: false;
@@ -3104,7 +3105,6 @@ type SearchingSelectTriggerRenderer = (isOpen: boolean, toggle: () => void) => R
 type SearchingSelectBaseProps<T, V extends SelectValue$1, L extends ReactNode> = Omit<SingleSelectProps<T, V, L>, 'isMulti' | 'searchPosition' | 'components'> & {
     trigger?: SearchingSelectTriggerRenderer;
     components?: SelectComponents<T, V, L>;
-    searchPlaceholder?: string;
     /** Hide the in-menu search input (default: true). */
     searchable?: boolean;
 };

package/dist/index.js

@@ -13842,7 +13842,8 @@ function SelectInternal(props, ref) {
     menuHeader,
     onMenuScrollToBottom,
     leftIcon,
-    formatGroupLabel
+    formatGroupLabel,
+    onReset
   } = props;
   const isSearchInDropdown = searchPosition === "dropdown";
   const isMulti = props.isMulti === true;
@@ -13909,7 +13910,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__ */ jsxs99(
     SelectFieldShell,
@@ -14141,7 +14145,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;
@@ -14317,14 +14328,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,
@@ -14388,13 +14392,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;
@@ -14861,7 +14859,7 @@ function SelectCheckboxesInternal(props, ref) {
     paginationAndRest
   );
   const [inputValue, setInputValue] = React59.useState("");
-  const selected = value ?? [];
+  const selected = React59.useMemo(() => value ?? [], [value]);
   const flatRawOptions = React59.useMemo(
     () => flattenGroupedOptions(rawOptions),
     [rawOptions]
@@ -15931,7 +15929,7 @@ var Datepicker = React63.forwardRef(
     React63.useImperativeHandle(
       ref,
       () => dayInputRef.current ?? mobileTriggerRef.current,
-      [isMobile3]
+      []
     );
     React63.useEffect(() => {
       if (!isControlled) return;