pentatrion-design 0.0.17 → 0.0.18

package/components/autocomplete/Autocomplete.d.ts

@@ -7,15 +7,11 @@ export interface AutocompleteProps<O extends OptionLike = Option> {
     className?: string;
     icon?: boolean | ReactNode;
     color?: ThemeColor;
-    /**
-     * render suffix only if selection
-     * ex: add contextuel buttons associated to selection
-     */
-    selectionSuffix?: ReactNode;
     /**
      * render suffix only if selection and searchValue is empty
      */
     noSearchSuffix?: ReactNode;
+    suffix?: ReactNode;
     placement?: Placement;
     placeholder?: string;
     /**

package/components/autocomplete/Autocomplete.js

@@ -11,7 +11,7 @@ import { Button } from "../button";
 import { Dialog } from "../dialog";
 import { Loader } from "../loader";
 import { inputConfig } from "../input/Input";
-export const Autocomplete = forwardRef(function Autocomplete({ className, icon = true, color = "yellow", selectionSuffix, noSearchSuffix, placement = "bottom", placeholder = "Search...", selection = null, onChangeSelection, autocompleteOptionComponent, loading = false, clearSearchButton = false, searchValue, onChangeSearchValue, options, selectOnFocus = true, readOnly = false, }, inputRef) {
+export const Autocomplete = forwardRef(function Autocomplete({ className, icon = true, color = "yellow", noSearchSuffix, suffix, placement = "bottom", placeholder = "Search...", selection = null, onChangeSelection, autocompleteOptionComponent, loading = false, clearSearchButton = false, searchValue, onChangeSearchValue, options, selectOnFocus = true, readOnly = false, }, inputRef) {
     const [isOpen, setIsOpen] = useState(false);
     const [activeIndex, setActiveIndex] = useState(null);
     const onChangeSearchValueStable = useEventCallback(onChangeSearchValue);
@@ -121,7 +121,7 @@ export const Autocomplete = forwardRef(function Autocomplete({ className, icon =
                                     handleSelect(activeIndex);
                                 }
                             },
-                        }) }), _jsxs("div", { className: "relative flex-center", children: [selection && selectionSuffix, showClearSearchButton && (_jsx(Button, { withRipple: false, icon: true, color: "gray", variant: "text", onClick: () => {
+                        }) }), _jsxs("div", { className: "relative flex-center", children: [suffix, showClearSearchButton && (_jsx(Button, { withRipple: false, icon: true, color: "gray", variant: "text", onClick: () => {
                                     setIsOpen(false);
                                     onChangeSelectionStable(null);
                                     setActiveIndex(null);

package/components/autocomplete/LazyAutocomplete.d.ts

@@ -1,6 +1,6 @@
 import { AutocompleteProps } from "./Autocomplete";
 import { OptionLike, Option } from "../select";
-interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "selectionSuffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "loading" | "clearSearchButton" | "readOnly"> {
+interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "loading" | "clearSearchButton" | "readOnly"> {
     onChangeSearchValueCallback: (searchValue: string) => Promise<O[]>;
     debounce?: number;
 }

package/components/autocomplete/SimpleAutocomplete.d.ts

@@ -1,6 +1,6 @@
 import { AutocompleteProps } from "./Autocomplete";
 import { Option, OptionLike } from "../select";
-interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "options" | "selection" | "readOnly"> {
+interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "options" | "selection" | "readOnly"> {
 }
 export declare function SimpleAutocomplete<O extends OptionLike = Option>({ options, selection, onChangeSelection, ...rest }: Props<O>): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pentatrion-design",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "",
   "keywords": [],
   "author": "Hugues Tavernier",