@loomhq/lens 10.43.5 → 10.43.8

package/README.md

@@ -62,7 +62,7 @@ navigate to: http://localhost:3000
 
 ### Use conventional commits
 
-Use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) to kick off publishing a new version of Lens when PR is merged. To upgrade Lens to the latest published version in the [main Loom repo](http://github.com/loomhq/loom), `cd src/client` and `pnpm up @loomhq/lens`.
+Use [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) to kick off publishing a new version of Lens when PR is merged. To upgrade Lens to the latest published version in the [main Loom repo](http://github.com/loomhq/loom), `cd projects/webapp-client` and `pnpm up @loomhq/lens`.
 
 ### Add an icon to the icon set
 

package/dist/components/select/select.js

@@ -137,15 +137,26 @@ const CustomHeader = ({ selectedOptionValue, selectedItem, trigger, getToggleBut
     };
     return trigger(triggerContent, buttonProps());
 };
+const getSelectedOption = (value, options) => options.find(o => o.value === value);
+const didSelectedOptionValueChange = (selectedOptionValue, prevSelectedItem) => {
+    return Boolean(prevSelectedItem && selectedOptionValue !== prevSelectedItem.value);
+};
 const Select = (_a) => {
     var { container, onChange, menuZIndex = 1100, menuMaxWidth, menuMaxHeight = 34, selectedOptionValue, onOuterClick, options, placeholder, isDisabled, onOpenChange, trigger } = _a, props = __rest(_a, ["container", "onChange", "menuZIndex", "menuMaxWidth", "menuMaxHeight", "selectedOptionValue", "onOuterClick", "options", "placeholder", "isDisabled", "onOpenChange", "trigger"]);
     const environment = getDownshiftEnvironment(container);
     const [downshiftIsOpen, setDownshiftIsOpen] = useState(false);
+    const [prevSelectedItem, setPrevSelectedItem] = useState(getSelectedOption(selectedOptionValue, options));
+    const [selectedItem, setSelectedItem] = useState(prevSelectedItem);
+    const onDownshiftChange = item => {
+        setSelectedItem(item);
+        onChange && onChange(item ? item : '');
+    };
     const downshiftProps = {
         itemToString: item => (item ? item.value : ''),
-        onChange: onChange && (item => onChange(item ? item : '')),
+        onChange: onDownshiftChange,
         onOuterClick,
         environment,
+        selectedItem,
     };
     if (environment) {
         downshiftProps.environment = environment;
@@ -158,6 +169,13 @@ const Select = (_a) => {
         auto: true,
         snap: true,
     });
+    useEffect(() => {
+        if (didSelectedOptionValueChange(selectedOptionValue, prevSelectedItem)) {
+            const selectedItem = getSelectedOption(selectedOptionValue, options);
+            setPrevSelectedItem(selectedItem);
+            setSelectedItem(selectedItem);
+        }
+    }, [selectedOptionValue, options, prevSelectedItem]);
     useEffect(() => {
         onOpenChange && onOpenChange(downshiftIsOpen);
     }, [downshiftIsOpen, onOpenChange]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.43.5",
+  "version": "10.43.8",
   "scripts": {
     "dev": "next",
     "build:next": "next build",