@loomhq/lens 10.43.6 → 10.43.9

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/dist/components/text-input/text-input.js

@@ -30,6 +30,7 @@ const sizesStyles = {
     },
 };
 const InputField = styled.input `
+  -webkit-appearance: none;
   font-family: inherit;
   width: 100%;
   height: ${props => sizesStyles[props.inputSize].height};
@@ -51,12 +52,6 @@ const InputField = styled.input `
 
   ${props => getTextSize(sizesStyles[props.inputSize].textSize)};
 
-  &::-webkit-search-decoration,
-  &::-webkit-search-results-button,
-  &::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-
   &:hover {
     box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidthFocus)
       var(--lns-color-blurple);

package/package.json

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