opus-toolkit-components 1.1.2 → 1.1.3

package/lib/{main.effc1bb275e09a1b9b20.js → main.e0a995fbb7814fd5f6d3.js}

@@ -12701,7 +12701,7 @@ const esm_ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(
 
 function Dropdown(_ref) {
   let {
-    items,
+    items = [],
     label = 'Test Label',
     isValid = true,
     required = false,
@@ -12712,21 +12712,17 @@ function Dropdown(_ref) {
     tabIndex = '',
     onChange,
     value,
+    // Controlled from parent
     Icon,
     errorMessage = 'This field is required',
     disabled = false,
-    dataCy // optional override
+    dataCy
   } = _ref;
-  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(null);
   const [isOpen, setIsOpen] = (0,external_react_.useState)(false);
-  (0,external_react_.useEffect)(() => {
-    const newSelectedItem = items.find(item => item.value === value) || null;
-    setSelectedItem(newSelectedItem);
-  }, [value, items]);
+  const selectedItem = items.find(item => item.value === value) || null;
   const inputClasses = "inline-flex w-full justify-between items-center rounded-md bg-[--color-input-bg] text-md font-normal border p-2 text-[--color-text-weak] ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className);
   const handleSelect = item => {
-    if (disabled) return;
-    setSelectedItem(item);
+    if (disabled || item.value === value) return; // prevent repeat calls
     const event = {
       target: {
         name,
@@ -12776,7 +12772,7 @@ function Dropdown(_ref) {
     return /*#__PURE__*/external_react_default().createElement("button", {
       type: "button",
       onClick: () => handleSelect(item),
-      className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg] text-[--color-text-weak]' : '', " hover:bg-[--color-input-bg]")
+      className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg]' : '', " hover:bg-[--color-input-bg]")
     }, item.label);
   })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 text-sm"
@@ -13003,4 +12999,4 @@ const CookieBanner = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.effc1bb275e09a1b9b20.js.map
+//# sourceMappingURL=main.e0a995fbb7814fd5f6d3.js.map