@darajs/core 1.18.10 → 1.18.11

package/dist/umd/dara.core.umd.js

@@ -39729,10 +39729,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const unpackedItems = React.useMemo(() => unpackSectionedList(props.items), [props.items]);
     const [pendingHighlight, setPendingHighlight] = React.useState(null);
     const [items, setItems] = React.useState(unpackedItems);
-    const [inputValue, setInputValue] = React.useState((_b = (_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : "");
+    const [inputValue, setInputValue] = React.useState(((_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) && props.selectedItem.label !== "null" ? props.selectedItem.label : (_b = props.placeholder) !== null && _b !== void 0 ? _b : "");
     const [kbdHighlightIdx, setKbdHighlightIdx] = React__default.default.useState();
     const { selectedItem, isOpen, getMenuProps, getInputProps, getToggleButtonProps, getItemProps, setHighlightedIndex } = useCombobox(Object.assign(Object.assign(Object.assign({ initialIsOpen: false, initialSelectedItem: (_c = props.initialValue) !== null && _c !== void 0 ? _c : props.selectedItem, itemToString: (item) => item ? item.label : "", items, onInputValueChange: (change) => {
-      setInputValue(change.inputValue);
+      const shouldUpdateInput = [stateChangeTypes.ItemClick, stateChangeTypes.InputChange].includes(change.type);
+      if (shouldUpdateInput) {
+        setInputValue(change.inputValue);
+      }
       if (!change.inputValue) {
         setItems(unpackedItems);
         return;
@@ -39797,10 +39800,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }, [isOpen, pendingHighlight, setHighlightedIndex]);
     React.useEffect(() => {
+      var _a2;
       if (props.selectedItem === null) {
-        setInputValue("");
+        setInputValue((_a2 = props.placeholder) !== null && _a2 !== void 0 ? _a2 : "");
       }
-    }, [props.selectedItem]);
+    }, [props.selectedItem, props.placeholder]);
     const { refs, floatingStyles, context: context2 } = useFloating({
       open: isOpen,
       placement: "bottom-start",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.18.10",
+  "version": "1.18.11",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,9 +37,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "1.18.10",
-    "@darajs/prettier-config": "1.18.10",
-    "@darajs/stylelint-config": "1.18.10",
+    "@darajs/eslint-config": "1.18.11",
+    "@darajs/prettier-config": "1.18.11",
+    "@darajs/stylelint-config": "1.18.11",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -80,10 +80,10 @@
     "whatwg-fetch": "^3.6.2"
   },
   "dependencies": {
-    "@darajs/styled-components": "1.18.10",
-    "@darajs/ui-components": "1.18.10",
-    "@darajs/ui-notifications": "1.18.10",
-    "@darajs/ui-utils": "1.18.10",
+    "@darajs/styled-components": "1.18.11",
+    "@darajs/ui-components": "1.18.11",
+    "@darajs/ui-notifications": "1.18.11",
+    "@darajs/ui-utils": "1.18.11",
     "@fortawesome/fontawesome-free": "~6.4.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.0.0",
@@ -119,5 +119,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c9e47a2cb3ea4cb6bb4f72823006aa4ee59e9b31"
+  "gitHead": "a5a688efd317878ea3a699e8d2410be5af08247e"
 }