@agilant/toga-blox 1.0.120 → 1.0.121

package/dist/components/MultiSelect/MultiSelect.js

@@ -6,28 +6,24 @@ const MultiSelectInput = ({ id, name, options = [], selectedValue = [], onChange
     icon: "",
     iconStyle: "regular",
 }, isSearchable = true, isOpen, hasSelectAll = false, disabled = false, isLoading = false, onMenuToggle, overrideStrings, className, width = "w-72", isBoolean = false, otherProps, setInputSearchValue, }) => {
-    // Convert your incoming options to the shape expected by react-multi-select-component
     const multiSelectOptions = options.map((option) => ({
-        label: option.name,
+        label: option.label,
         value: option.value,
     }));
-    // Convert the "selectedValue" prop similarly
     const multiSelectValue = selectedValue.map((item) => ({
-        label: item.name,
+        label: item.label,
         value: item.value,
     }));
     function filterOptions(baseOptions, searchText) {
         const footer = baseOptions.find((option) => option.value === "__footer__");
         if (!searchText) {
-            // If the parent is already 0, don't set it again
             setInputSearchValue?.((prevCount) => {
                 if (prevCount !== 0)
                     return 0;
-                return prevCount; // no change => no re-render
+                return prevCount;
             });
             return baseOptions;
         }
-        // Normal filter
         const filtered = baseOptions.filter((option) => {
             if (option.value === "__footer__")
                 return false;
@@ -35,7 +31,6 @@ const MultiSelectInput = ({ id, name, options = [], selectedValue = [], onChange
                 .toLowerCase()
                 .includes(searchText.toLowerCase());
         });
-        // Only update if it's different from current
         setInputSearchValue?.((prevCount) => {
             const newCount = filtered.length;
             if (newCount !== prevCount)
@@ -59,14 +54,10 @@ const MultiSelectInput = ({ id, name, options = [], selectedValue = [], onChange
         return selected.map((s) => s.label).join(", ");
     };
     const handleSelectionChange = (selectedOptions) => {
-        let finalSelection = selectedOptions;
-        if (isBoolean && selectedOptions.length > 0) {
-            // If isBoolean is true, only allow one selection (last one clicked)
-            finalSelection = [selectedOptions[selectedOptions.length - 1]];
-        }
-        const mapped = finalSelection.map((opt) => ({
-            name: opt.label,
+        const mapped = selectedOptions.map((opt) => ({
+            label: opt.label,
             value: opt.value,
+            name: opt.label,
         }));
         onChange(mapped);
     };

package/dist/components/SearchInput/SearchDropdownInput.js

@@ -111,6 +111,7 @@ const SearchDropdownInput = ({ options = [], selectedValue = [], onChange, place
         // Normal item
         return (_jsxs("div", { className: "item px-4 py-1 cursor-pointer flex items-center", onClick: (e) => onClick(option, e), children: [_jsx("input", { type: "checkbox", checked: checked, readOnly: true, disabled: disabled }), _jsx("span", { className: "ml-2", children: option.label })] }));
     };
+    console.log(selectedValue, "LOOK HERE");
     return (_jsx(MultiSelectInput, { options: extendedOptions, selectedValue: selectedValue, onChange: onChange, placeholder: {
             text: placeholder,
             icon: "magnifyingGlass",

package/dist/components/SearchInput/SearchInput.js

@@ -14,6 +14,7 @@ const SearchInput = ({ textHighlight = "text-sky-500", inputType = "text", dropd
     useEffect(() => {
         inputRef.current?.focus();
     }, []);
+    console.log(selectedValue, "selectedValue");
     return (_jsx("div", { ref: containerRef, className: "w-max", children: (() => {
             switch (inputType) {
                 case "text":

package/dist/components/SearchInput/SearchInput.stories.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import SearchInput from "./SearchInput";
 import { useState, useCallback, useMemo } from "react";
-// 1) Provide a stable "mock column"
 const mockColumn = {
     id: "mockColumn",
     Header: "Mock Column",
 };
-// 2) We define stable arrays for the controls to avoid re-creating them
 const textDropdownOptions = [
     { label: "Starts with", value: "startsWith" },
     { label: "Ends With", value: "endsWith" },
@@ -15,11 +13,10 @@ const textDropdownOptions = [
     { label: "Excludes", value: "excludes" },
 ];
 const multiSelectOptions = [
-    { uuid: "1", name: "Option 1", value: "option1" },
-    { uuid: "2", name: "Option 2", value: "option2" },
-    { uuid: "3", name: "Option 3", value: "option3" },
+    { uuid: "1", label: "Option 1", value: "option1" },
+    { uuid: "2", label: "Option 2", value: "option2" },
+    { uuid: "3", label: "Option 3", value: "option3" },
 ];
-// 3) Standard default export
 export default {
     title: "Components/SearchInput",
     component: SearchInput,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agilant/toga-blox",
 	"private": false,
-	"version": "1.0.120",
+	"version": "1.0.121",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",