@simplybusiness/mobius 5.15.3 → 5.15.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 5.15.5
+
+### Patch Changes
+
+- Updated dependencies [f9cd018]
+  - @simplybusiness/icons@4.20.0
+
+## 5.15.4
+
+### Patch Changes
+
+- 088cf5b: Display help drawer in Assumptions page
+
 ## 5.15.3
 
 ### Patch Changes

package/dist/cjs/components/Combobox/Combobox.js

@@ -24,7 +24,7 @@ function _interop_require_default(obj) {
     };
 }
 const ComboboxInner = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const { id, defaultValue, options, asyncOptions, delay, minSearchLength, onSelected, className, placeholder, icon, onBlur, onFocus, onChange, ...otherProps } = props;
+    const { id, defaultValue, value, options, asyncOptions, delay, minSearchLength, onSelected, className, placeholder, icon, onBlur, onFocus, onChange, ...otherProps } = props;
     // Avoid re-fetching after selecting an option
     const skipNextDebounceRef = (0, _react.useRef)(false);
     const fallbackRef = (0, _react.useRef)(null);
@@ -67,8 +67,8 @@ const ComboboxInner = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     };
     const handleOptionSelect = (option)=>{
-        const value = (0, _utils.getOptionValue)(option);
-        if (!value) return;
+        const val = (0, _utils.getOptionValue)(option);
+        if (!val) return;
         // TODO: Declare this in the types
         if (typeof option === "object" && "callback" in option && option.callback && typeof option.callback === "function") {
             // @ts-expect-error ref types are hard
@@ -79,7 +79,7 @@ const ComboboxInner = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
         // Prevent re-fetching options after selecting an option
         skipNextDebounceRef.current = true;
         setIsOpen(false);
-        setInputValue(value);
+        setInputValue(val);
         onSelected === null || onSelected === void 0 ? void 0 : onSelected(option);
     };
     const getFirstOption = ()=>{
@@ -158,6 +158,13 @@ const ComboboxInner = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
             default:
         }
     };
+    (0, _react.useEffect)(()=>{
+        if (value) {
+            setInputValue(value);
+        }
+    }, [
+        value
+    ]);
     const classes = (0, _dedupe.default)("mobius mobius-combobox", {
         "mobius-combobox--is-expanded": isOpen,
         "mobius-combobox--is-loading": isLoading

package/dist/cjs/components/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { FocusEvent, forwardRef, useId, useRef, useState } from \"react\";\nimport { useOnUnmount } from \"../../hooks\";\nimport { TextField } from \"../TextField\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { Listbox } from \"./Listbox\"; // Import Listbox component\nimport type { ComboboxOption, ComboboxProps, ComboboxRef } from \"./types\";\nimport { useComboboxHighlight } from \"./useComboboxHighlight\";\nimport { useComboboxOptions } from \"./useComboboxOptions\";\nimport { getOptionLabel, getOptionValue, isOptionGroup } from \"./utils\";\n\nconst ComboboxInner = forwardRef(\n  <T extends ComboboxOption>(props: ComboboxProps<T>, ref: ComboboxRef) => {\n    const {\n      id,\n      defaultValue,\n      options,\n      asyncOptions,\n      delay,\n      minSearchLength,\n      onSelected,\n      className,\n      placeholder,\n      icon,\n      onBlur,\n      onFocus,\n      onChange,\n      ...otherProps\n    } = props;\n\n    // Avoid re-fetching after selecting an option\n    const skipNextDebounceRef = useRef(false);\n    const fallbackRef = useRef<HTMLInputElement>(null);\n    const [inputValue, setInputValue] = useState(defaultValue || \"\");\n    const [isOpen, setIsOpen] = useState(false);\n    const { filteredOptions, updateFilteredOptions, isLoading } =\n      useComboboxOptions({\n        options,\n        asyncOptions,\n        inputValue,\n        delay,\n        minSearchLength,\n        skipNextDebounceRef,\n      });\n    const {\n      highlightedIndex,\n      highlightedGroupIndex,\n      highlightNextOption,\n      highlightPreviousOption,\n      highlightFirstOption,\n      highlightLastOption,\n      clearHighlight,\n    } = useComboboxHighlight(filteredOptions);\n\n    const inputRef = ref || fallbackRef;\n    const listboxId = useId();\n    const statusId = useId();\n    const blurTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const showListbox = isOpen && filteredOptions.length > 0;\n\n    const handleFocus = (e: FocusEvent) => {\n      if (filteredOptions.length === 0) return;\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current);\n        blurTimeoutRef.current = null;\n      } else {\n        onFocus?.(e);\n      }\n      setIsOpen(true);\n    };\n\n    useOnUnmount(() => {\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current);\n      }\n    });\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setIsOpen(true);\n      clearHighlight();\n      onChange?.(e);\n    };\n\n    const handleOptionSelect = (option: T) => {\n      const value = getOptionValue(option);\n      if (!value) return;\n\n      // TODO: Declare this in the types\n      if (\n        typeof option === \"object\" &&\n        \"callback\" in option &&\n        option.callback &&\n        typeof option.callback === \"function\"\n      ) {\n        // @ts-expect-error ref types are hard\n        setTimeout(() => inputRef.current.focus(), 0);\n        updateFilteredOptions(option.callback());\n        return;\n      }\n\n      // Prevent re-fetching options after selecting an option\n      skipNextDebounceRef.current = true;\n\n      setIsOpen(false);\n      setInputValue(value);\n      onSelected?.(option as T);\n    };\n\n    const getFirstOption = () => {\n      if (isOptionGroup(filteredOptions)) {\n        return filteredOptions[0]?.options[0];\n      }\n\n      return filteredOptions[0];\n    };\n\n    const getHighlightedOption = () => {\n      if (highlightedIndex === -1) return undefined;\n\n      if (isOptionGroup(filteredOptions)) {\n        const group = filteredOptions[highlightedGroupIndex];\n        return group?.options[highlightedIndex];\n      }\n\n      return filteredOptions[highlightedIndex];\n    };\n\n    const getHighlightedOptionId = () => {\n      const option = getHighlightedOption();\n      if (!option) return undefined;\n\n      if (isOptionGroup(filteredOptions)) {\n        return `${listboxId}-option-${highlightedGroupIndex}-${highlightedIndex}`;\n      }\n\n      return `${listboxId}-option-${highlightedIndex}`;\n    };\n\n    const handleBlur = (e: FocusEvent<Element, Element>) => {\n      // Force selection if user has matched an entry\n      const typedText = inputValue.trim().toLowerCase();\n      const highlightedOption = getHighlightedOption();\n      const label = getOptionLabel(highlightedOption);\n\n      if (typedText === label?.toLowerCase()) {\n        handleOptionSelect(highlightedOption as T);\n      }\n\n      blurTimeoutRef.current = setTimeout(() => {\n        onBlur?.(e);\n        setIsOpen(false);\n      }, 150);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightNextOption();\n          break;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightPreviousOption();\n          break;\n        case \"Home\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightFirstOption();\n          break;\n        case \"End\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightLastOption();\n          break;\n        case \"Enter\":\n          e.preventDefault();\n          if (isOpen) {\n            const selectedOption = getHighlightedOption() || getFirstOption();\n            if (selectedOption) {\n              handleOptionSelect(selectedOption);\n            }\n          }\n          break;\n        case \"Escape\":\n          e.preventDefault();\n          setInputValue(\"\");\n          setIsOpen(false);\n          clearHighlight();\n          break;\n        default:\n        // Do nothing\n      }\n    };\n\n    const classes = classNames(\n      \"mobius mobius-combobox\",\n      {\n        \"mobius-combobox--is-expanded\": isOpen,\n        \"mobius-combobox--is-loading\": isLoading,\n      },\n      className,\n    );\n\n    return (\n      <div id={id} data-testid=\"mobius-combobox__wrapper\" className={classes}>\n        {isLoading && (\n          <VisuallyHidden\n            role=\"status\"\n            aria-live=\"polite\"\n            id={statusId}\n            elementType=\"div\"\n            className=\"mobius-combobox__status\"\n          >\n            Loading options\n          </VisuallyHidden>\n        )}\n        <TextField\n          {...otherProps}\n          className=\"mobius-combobox__input\"\n          role=\"combobox\"\n          value={inputValue}\n          placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          autoComplete=\"off\"\n          aria-describedby={isLoading ? statusId : undefined}\n          aria-autocomplete=\"list\"\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-expanded={isOpen}\n          aria-activedescendant={\n            highlightedIndex === -1 ? undefined : getHighlightedOptionId()\n          }\n          prefixInside={icon}\n          ref={inputRef}\n        />\n        {showListbox && (\n          <Listbox\n            id={listboxId}\n            options={filteredOptions}\n            highlightedIndex={highlightedIndex}\n            highlightedGroupIndex={highlightedGroupIndex}\n            onOptionSelect={handleOptionSelect}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nexport const Combobox = ComboboxInner as <T extends ComboboxOption>(\n  props: ComboboxProps<T> & { ref?: ComboboxRef },\n) => JSX.Element;\n"],"names":["Combobox","ComboboxInner","forwardRef","props","ref","id","defaultValue","options","asyncOptions","delay","minSearchLength","onSelected","className","placeholder","icon","onBlur","onFocus","onChange","otherProps","skipNextDebounceRef","useRef","fallbackRef","inputValue","setInputValue","useState","isOpen","setIsOpen","filteredOptions","updateFilteredOptions","isLoading","useComboboxOptions","highlightedIndex","highlightedGroupIndex","highlightNextOption","highlightPreviousOption","highlightFirstOption","highlightLastOption","clearHighlight","useComboboxHighlight","inputRef","listboxId","useId","statusId","blurTimeoutRef","showListbox","length","handleFocus","e","current","clearTimeout","useOnUnmount","handleInputChange","newValue","target","value","handleOptionSelect","option","getOptionValue","callback","setTimeout","focus","getFirstOption","isOptionGroup","getHighlightedOption","undefined","group","getHighlightedOptionId","handleBlur","typedText","trim","toLowerCase","highlightedOption","label","getOptionLabel","handleKeyDown","key","preventDefault","selectedOption","classes","classNames","div","data-testid","VisuallyHidden","role","aria-live","elementType","TextField","onKeyDown","autoComplete","aria-describedby","aria-autocomplete","aria-haspopup","aria-controls","aria-expanded","aria-activedescendant","prefixInside","Listbox","onOptionSelect"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport {\n  FocusEvent,\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport { useOnUnmount } from \"../../hooks\";\nimport { TextField } from \"../TextField\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\nimport { Listbox } from \"./Listbox\"; // Import Listbox component\nimport type { ComboboxOption, ComboboxProps, ComboboxRef } from \"./types\";\nimport { useComboboxHighlight } from \"./useComboboxHighlight\";\nimport { useComboboxOptions } from \"./useComboboxOptions\";\nimport { getOptionLabel, getOptionValue, isOptionGroup } from \"./utils\";\n\nconst ComboboxInner = forwardRef(\n  <T extends ComboboxOption>(props: ComboboxProps<T>, ref: ComboboxRef) => {\n    const {\n      id,\n      defaultValue,\n      value,\n      options,\n      asyncOptions,\n      delay,\n      minSearchLength,\n      onSelected,\n      className,\n      placeholder,\n      icon,\n      onBlur,\n      onFocus,\n      onChange,\n      ...otherProps\n    } = props;\n\n    // Avoid re-fetching after selecting an option\n    const skipNextDebounceRef = useRef(false);\n    const fallbackRef = useRef<HTMLInputElement>(null);\n    const [inputValue, setInputValue] = useState(defaultValue || \"\");\n    const [isOpen, setIsOpen] = useState(false);\n    const { filteredOptions, updateFilteredOptions, isLoading } =\n      useComboboxOptions({\n        options,\n        asyncOptions,\n        inputValue,\n        delay,\n        minSearchLength,\n        skipNextDebounceRef,\n      });\n    const {\n      highlightedIndex,\n      highlightedGroupIndex,\n      highlightNextOption,\n      highlightPreviousOption,\n      highlightFirstOption,\n      highlightLastOption,\n      clearHighlight,\n    } = useComboboxHighlight(filteredOptions);\n\n    const inputRef = ref || fallbackRef;\n    const listboxId = useId();\n    const statusId = useId();\n    const blurTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const showListbox = isOpen && filteredOptions.length > 0;\n\n    const handleFocus = (e: FocusEvent) => {\n      if (filteredOptions.length === 0) return;\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current);\n        blurTimeoutRef.current = null;\n      } else {\n        onFocus?.(e);\n      }\n      setIsOpen(true);\n    };\n\n    useOnUnmount(() => {\n      if (blurTimeoutRef.current) {\n        clearTimeout(blurTimeoutRef.current);\n      }\n    });\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setIsOpen(true);\n      clearHighlight();\n      onChange?.(e);\n    };\n\n    const handleOptionSelect = (option: T) => {\n      const val = getOptionValue(option);\n      if (!val) return;\n\n      // TODO: Declare this in the types\n      if (\n        typeof option === \"object\" &&\n        \"callback\" in option &&\n        option.callback &&\n        typeof option.callback === \"function\"\n      ) {\n        // @ts-expect-error ref types are hard\n        setTimeout(() => inputRef.current.focus(), 0);\n        updateFilteredOptions(option.callback());\n        return;\n      }\n\n      // Prevent re-fetching options after selecting an option\n      skipNextDebounceRef.current = true;\n\n      setIsOpen(false);\n      setInputValue(val);\n      onSelected?.(option as T);\n    };\n\n    const getFirstOption = () => {\n      if (isOptionGroup(filteredOptions)) {\n        return filteredOptions[0]?.options[0];\n      }\n\n      return filteredOptions[0];\n    };\n\n    const getHighlightedOption = () => {\n      if (highlightedIndex === -1) return undefined;\n\n      if (isOptionGroup(filteredOptions)) {\n        const group = filteredOptions[highlightedGroupIndex];\n        return group?.options[highlightedIndex];\n      }\n\n      return filteredOptions[highlightedIndex];\n    };\n\n    const getHighlightedOptionId = () => {\n      const option = getHighlightedOption();\n      if (!option) return undefined;\n\n      if (isOptionGroup(filteredOptions)) {\n        return `${listboxId}-option-${highlightedGroupIndex}-${highlightedIndex}`;\n      }\n\n      return `${listboxId}-option-${highlightedIndex}`;\n    };\n\n    const handleBlur = (e: FocusEvent<Element, Element>) => {\n      // Force selection if user has matched an entry\n      const typedText = inputValue.trim().toLowerCase();\n      const highlightedOption = getHighlightedOption();\n      const label = getOptionLabel(highlightedOption);\n\n      if (typedText === label?.toLowerCase()) {\n        handleOptionSelect(highlightedOption as T);\n      }\n\n      blurTimeoutRef.current = setTimeout(() => {\n        onBlur?.(e);\n        setIsOpen(false);\n      }, 150);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      switch (e.key) {\n        case \"ArrowDown\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightNextOption();\n          break;\n        case \"ArrowUp\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightPreviousOption();\n          break;\n        case \"Home\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightFirstOption();\n          break;\n        case \"End\":\n          e.preventDefault();\n          setIsOpen(true);\n          highlightLastOption();\n          break;\n        case \"Enter\":\n          e.preventDefault();\n          if (isOpen) {\n            const selectedOption = getHighlightedOption() || getFirstOption();\n            if (selectedOption) {\n              handleOptionSelect(selectedOption);\n            }\n          }\n          break;\n        case \"Escape\":\n          e.preventDefault();\n          setInputValue(\"\");\n          setIsOpen(false);\n          clearHighlight();\n          break;\n        default:\n        // Do nothing\n      }\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInputValue(value);\n      }\n    }, [value]);\n\n    const classes = classNames(\n      \"mobius mobius-combobox\",\n      {\n        \"mobius-combobox--is-expanded\": isOpen,\n        \"mobius-combobox--is-loading\": isLoading,\n      },\n      className,\n    );\n\n    return (\n      <div id={id} data-testid=\"mobius-combobox__wrapper\" className={classes}>\n        {isLoading && (\n          <VisuallyHidden\n            role=\"status\"\n            aria-live=\"polite\"\n            id={statusId}\n            elementType=\"div\"\n            className=\"mobius-combobox__status\"\n          >\n            Loading options\n          </VisuallyHidden>\n        )}\n        <TextField\n          {...otherProps}\n          className=\"mobius-combobox__input\"\n          role=\"combobox\"\n          value={inputValue}\n          placeholder={placeholder}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onChange={handleInputChange}\n          autoComplete=\"off\"\n          aria-describedby={isLoading ? statusId : undefined}\n          aria-autocomplete=\"list\"\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-expanded={isOpen}\n          aria-activedescendant={\n            highlightedIndex === -1 ? undefined : getHighlightedOptionId()\n          }\n          prefixInside={icon}\n          ref={inputRef}\n        />\n        {showListbox && (\n          <Listbox\n            id={listboxId}\n            options={filteredOptions}\n            highlightedIndex={highlightedIndex}\n            highlightedGroupIndex={highlightedGroupIndex}\n            onOptionSelect={handleOptionSelect}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nexport const Combobox = ComboboxInner as <T extends ComboboxOption>(\n  props: ComboboxProps<T> & { ref?: ComboboxRef },\n) => JSX.Element;\n"],"names":["Combobox","ComboboxInner","forwardRef","props","ref","id","defaultValue","value","options","asyncOptions","delay","minSearchLength","onSelected","className","placeholder","icon","onBlur","onFocus","onChange","otherProps","skipNextDebounceRef","useRef","fallbackRef","inputValue","setInputValue","useState","isOpen","setIsOpen","filteredOptions","updateFilteredOptions","isLoading","useComboboxOptions","highlightedIndex","highlightedGroupIndex","highlightNextOption","highlightPreviousOption","highlightFirstOption","highlightLastOption","clearHighlight","useComboboxHighlight","inputRef","listboxId","useId","statusId","blurTimeoutRef","showListbox","length","handleFocus","e","current","clearTimeout","useOnUnmount","handleInputChange","newValue","target","handleOptionSelect","option","val","getOptionValue","callback","setTimeout","focus","getFirstOption","isOptionGroup","getHighlightedOption","undefined","group","getHighlightedOptionId","handleBlur","typedText","trim","toLowerCase","highlightedOption","label","getOptionLabel","handleKeyDown","key","preventDefault","selectedOption","useEffect","classes","classNames","div","data-testid","VisuallyHidden","role","aria-live","elementType","TextField","onKeyDown","autoComplete","aria-describedby","aria-autocomplete","aria-haspopup","aria-controls","aria-expanded","aria-activedescendant","prefixInside","Listbox","onOptionSelect"],"mappings":"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"}