pentatrion-design 0.1.2 → 0.1.3

package/components/autocomplete/Autocomplete.d.ts

@@ -5,6 +5,7 @@ import { Placement } from "@floating-ui/react";
 import { ThemeColor } from "../../types.js";
 export interface AutocompleteProps<O extends OptionLike = Option> {
     className?: string;
+    autoFocus?: boolean;
     icon?: boolean | ReactNode;
     color?: ThemeColor;
     /**

package/components/autocomplete/Autocomplete.js

@@ -11,7 +11,7 @@ import { Button } from "../button/index.js";
 import { Dialog } from "../dialog/index.js";
 import { Loader } from "../loader/index.js";
 import { inputConfig } from "../input/Input.js";
-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) {
+export const Autocomplete = forwardRef(function Autocomplete({ className, autoFocus = false, 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);
@@ -95,7 +95,7 @@ export const Autocomplete = forwardRef(function Autocomplete({ className, icon =
         handleSelect,
     }), [activeIndex, selection, getItemProps, handleSelect]);
     const showClearSearchButton = clearSearchButton && (searchValue.trim() !== "" || selection !== null);
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: clsx(inputConfig.container, readOnly && "readonly"), ref: refs.setReference, "data-color": color, children: [icon !== false && (_jsxs("div", { className: "relative flex-center", children: [loading && _jsx(Loader, { size: "medium", color: "gray", className: "absolute left-0 top-0" }), icon === true ? (_jsx("span", { className: "h-8 w-8 flex-center", children: _jsx("i", { className: "fe-search" }) })) : (icon)] })), _jsx("input", { spellCheck: "false", className: clsx(inputConfig.input, icon === false && "pl-4"), ref: inputRef, type: "search", readOnly: readOnly, value: searchValue, placeholder: placeholder, "aria-autocomplete": "list", ...getReferenceProps({
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: clsx(inputConfig.container, readOnly && "readonly"), ref: refs.setReference, "data-color": color, children: [icon !== false && (_jsxs("div", { className: "relative flex-center", children: [loading && _jsx(Loader, { size: "medium", color: "gray", className: "absolute left-0 top-0" }), icon === true ? (_jsx("span", { className: "h-8 w-8 flex-center", children: _jsx("i", { className: "fe-search" }) })) : (icon)] })), _jsx("input", { autoFocus: autoFocus, spellCheck: "false", className: clsx(inputConfig.input, icon === false && "pl-4"), ref: inputRef, type: "search", readOnly: readOnly, value: searchValue, placeholder: placeholder, "aria-autocomplete": "list", ...getReferenceProps({
                             onClick() {
                                 if (selectOnFocus) {
                                     // it's better to listen onClick instead of onFocus. the event is triggered later and there

package/components/autocomplete/LazyAutocomplete.d.ts

@@ -1,6 +1,6 @@
 import { AutocompleteProps } from "./Autocomplete.js";
 import { OptionLike, Option } from "../select/index.js";
-interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "loading" | "clearSearchButton" | "readOnly"> {
+interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "autoFocus" | "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.js";
 import { Option, OptionLike } from "../select/index.js";
-interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "className" | "icon" | "color" | "suffix" | "noSearchSuffix" | "placement" | "placeholder" | "selection" | "onChangeSelection" | "autocompleteOptionComponent" | "options" | "selection" | "readOnly"> {
+interface Props<O extends OptionLike = Option> extends Pick<AutocompleteProps<O>, "autoFocus" | "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.1.2",
+  "version": "0.1.3",
   "description": "",
   "keywords": [],
   "author": "Hugues Tavernier",
@@ -9,6 +9,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.17",
     "clsx": "^2.1.1",
+    "pentatrion-design": "link:",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-polymorphic-types": "^2.0.0",