XS-126 feat(popover): adds support for auto select input text on clic…

…k for <InlineValuePopover /> (#332)

* XS-25 feat(purchase-guests): adds `CircleCheckFilledIcon` and `WarningFilledIcon`

* fix(check-in): adds functionality to auto select the input text for <InlineValuePopover />

src/components/Forms/InlineValuePopover.jsx

@@ -8,6 +8,7 @@ export const InlineValuePopover = ({
     text,
     isOpen = false,
     showArrow = true,
+    autoSelectOnClick = false,
     onClick,
     onClickOutside,
     classNames,
@@ -20,7 +21,14 @@ export const InlineValuePopover = ({
         setTimeout(() => {
             // This may technically belong in Seller app, but the most common use case for this component here is
             // to use inputs, so we'll provide some helpers for that
-            ref?.current.querySelector("select,textarea,input")?.focus();
+            const popoverInput = ref?.current.querySelector("select,textarea,input");
+            if (!popoverInput) return;
+
+            popoverInput.focus();
+
+            if (autoSelectOnClick) {
+                popoverInput.select();
+            }
         }, 0);
         onClick?.(e);
     };