npm - @tecsinapse/cortex-react - Versions diffs - 2.2.0-beta.3 → 2.2.0-beta.4 - Mend

@tecsinapse/cortex-react 2.2.0-beta.3 → 2.2.0-beta.4

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.

Files changed (4) hide show

package/dist/cjs/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -6,21 +6,8 @@ var index = require('../Popover/index.js');
 var index$1 = require('../Input/index.js');
 var react = require('@floating-ui/react');
-const selectOptions = [
-  { label: "Brasil", value: "brasil" },
-  { label: "Alemanha", value: "alemanha" },
-  { label: "Jap\xE3o", value: "japao" },
-  { label: "Canad\xE1", value: "canada" },
-  { label: "Austr\xE1lia", value: "australia" },
-  { label: "Fran\xE7a", value: "franca" },
-  { label: "It\xE1lia", value: "italia" },
-  { label: "M\xE9xico", value: "mexico" },
-  { label: "Portugal", value: "portugal" },
-  { label: "Argentina", value: "argentina" }
-];
 const Autocomplete = ({
   inputValue,
-  setInputValue,
   label,
   onChange,
   onSelect,
@@ -28,24 +15,16 @@ const Autocomplete = ({
   options
 }) => {
   const [triggerWidth, setTriggerWidth] = React.useState();
-  const [selectedValue, setSelectedValue] = React.useState({
-    label: "",
-    value: ""
-  });
   const [open, setOpen] = React.useState(true);
   const filteredOptions = React.useMemo(() => {
-    const optionsList = (selectOptions ?? []).filter(
+    const optionsList = (options ?? []).filter(
       (op) => op.label.toLowerCase().includes(inputValue.toLowerCase())
     );
     return optionsList;
-  }, [selectOptions, inputValue]);
+  }, [options, inputValue]);
   const handleSelect = (option) => {
-    if (!(selectedValue.value === option.value)) {
-      setSelectedValue(option);
-    }
-    setInputValue("");
     setOpen(false);
-    onSelect(option);
+    onSelect?.(option);
   };
   const handleChange = (event) => {
     onChange(event);
@@ -88,12 +67,12 @@ const Autocomplete = ({
               width: triggerWidth ? `${triggerWidth}px` : "auto"
             },
             initialFocus: -1,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex flex-col overflow-y-auto", children: (options ?? filteredOptions ?? []).map((op) => /* @__PURE__ */ jsxRuntime.jsx(
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex flex-col overflow-y-auto", children: (options ?? filteredOptions ?? []).map((option) => /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: "flex w-full h-[3rem] items-center gap-centi p-centi cursor-pointer hover:bg-secondary-xlight bg-inherit",
-                onClick: () => handleSelect(op),
-                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base truncate", children: op.label })
+                onClick: () => handleSelect(option),
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base truncate", children: option.label })
               }
             )) })
           }

package/dist/esm/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -4,21 +4,8 @@ import { Popover } from '../Popover/index.js';
 import { Input } from '../Input/index.js';
 import { FloatingPortal } from '@floating-ui/react';
-const selectOptions = [
-  { label: "Brasil", value: "brasil" },
-  { label: "Alemanha", value: "alemanha" },
-  { label: "Jap\xE3o", value: "japao" },
-  { label: "Canad\xE1", value: "canada" },
-  { label: "Austr\xE1lia", value: "australia" },
-  { label: "Fran\xE7a", value: "franca" },
-  { label: "It\xE1lia", value: "italia" },
-  { label: "M\xE9xico", value: "mexico" },
-  { label: "Portugal", value: "portugal" },
-  { label: "Argentina", value: "argentina" }
-];
 const Autocomplete = ({
   inputValue,
-  setInputValue,
   label,
   onChange,
   onSelect,
@@ -26,24 +13,16 @@ const Autocomplete = ({
   options
 }) => {
   const [triggerWidth, setTriggerWidth] = useState();
-  const [selectedValue, setSelectedValue] = useState({
-    label: "",
-    value: ""
-  });
   const [open, setOpen] = useState(true);
   const filteredOptions = useMemo(() => {
-    const optionsList = (selectOptions ?? []).filter(
+    const optionsList = (options ?? []).filter(
       (op) => op.label.toLowerCase().includes(inputValue.toLowerCase())
     );
     return optionsList;
-  }, [selectOptions, inputValue]);
+  }, [options, inputValue]);
   const handleSelect = (option) => {
-    if (!(selectedValue.value === option.value)) {
-      setSelectedValue(option);
-    }
-    setInputValue("");
     setOpen(false);
-    onSelect(option);
+    onSelect?.(option);
   };
   const handleChange = (event) => {
     onChange(event);
@@ -86,12 +65,12 @@ const Autocomplete = ({
               width: triggerWidth ? `${triggerWidth}px` : "auto"
             },
             initialFocus: -1,
-            children: /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col overflow-y-auto", children: (options ?? filteredOptions ?? []).map((op) => /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsx("div", { className: "w-full flex flex-col overflow-y-auto", children: (options ?? filteredOptions ?? []).map((option) => /* @__PURE__ */ jsx(
               "div",
               {
                 className: "flex w-full h-[3rem] items-center gap-centi p-centi cursor-pointer hover:bg-secondary-xlight bg-inherit",
-                onClick: () => handleSelect(op),
-                children: /* @__PURE__ */ jsx("span", { className: "text-base truncate", children: op.label })
+                onClick: () => handleSelect(option),
+                children: /* @__PURE__ */ jsx("span", { className: "text-base truncate", children: option.label })
               }
             )) })
           }

package/dist/types/components/Autocomplete/Autocomplete.d.ts CHANGED Viewed

@@ -3,15 +3,15 @@ interface AutocompleteProps {
     inputValue: string;
     setInputValue: React.Dispatch<React.SetStateAction<string>>;
     onChange: ChangeEventHandler<HTMLInputElement>;
-    onSelect: (option: Option) => void;
+    options: Option[];
+    onSelect?: (option: Option) => void;
     label?: string;
     placeholder?: string;
     disabled?: boolean;
-    options: Option[];
 }
 interface Option {
     label: string;
     value: string;
 }
-export declare const Autocomplete: ({ inputValue, setInputValue, label, onChange, onSelect, disabled, options, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Autocomplete: ({ inputValue, label, onChange, onSelect, disabled, options, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "2.2.0-beta.3",
+  "version": "2.2.0-beta.4",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -48,5 +48,5 @@
     "react-icons": ">=5.2.0",
     "tailwindcss": "^4.1.16"
   },
-  "gitHead": "a8768e0f4e02c8b8c0494f0741284d21c2eb0e4b"
+  "gitHead": "69afce08c648a4bd087d25e7009b9a4182f66083"
 }