@navikt/ds-react 4.6.1 → 4.7.0

package/esm/form/checkbox/useCheckbox.d.ts

@@ -3,17 +3,17 @@ import { CheckboxProps } from "../..";
  * Handles props for Checkboxes in context with Fieldset and CheckboxGroup
  */
 declare const useCheckbox: ({ children, ...props }: CheckboxProps) => {
-    readOnly: true | undefined;
+    readOnly: boolean | undefined;
     nested: boolean;
     inputProps: {
         checked: boolean | undefined;
         defaultChecked: boolean | undefined;
         onChange: (e: any) => void;
         onClick: (e: any) => void;
-        "aria-describedby": string | undefined;
-        disabled: boolean | undefined;
-        "aria-invalid"?: boolean | undefined;
         id: string;
+        "aria-invalid"?: boolean | undefined;
+        "aria-describedby"?: string | undefined;
+        disabled?: boolean | undefined;
     };
     showErrorMsg: boolean;
     hasError: boolean;

package/esm/form/combobox/ClearButton.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ClearButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    handleClear: (event: any) => void;
+    clearButtonLabel?: string;
+}
+export declare const ClearButton: React.FC<ClearButtonProps>;
+export default ClearButton;

package/esm/form/combobox/ClearButton.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { XMarkIcon } from "@navikt/aksel-icons";
+export const ClearButton = (_a) => {
+    var { handleClear, clearButtonLabel } = _a, rest = __rest(_a, ["handleClear", "clearButtonLabel"]);
+    return (React.createElement("button", Object.assign({ type: "button", onClick: handleClear, className: "navds-combobox__button-clear" }, rest),
+        React.createElement("span", { className: "navds-sr-only" }, clearButtonLabel ? clearButtonLabel : "Tøm"),
+        React.createElement(XMarkIcon, { "aria-hidden": true })));
+};
+export default ClearButton;
+//# sourceMappingURL=ClearButton.js.map

package/esm/form/combobox/ClearButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearButton.js","sourceRoot":"","sources":["../../../src/form/combobox/ClearButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAOhD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAIvD,EAAE,EAAE;QAJmD,EACtD,WAAW,EACX,gBAAgB,OAEjB,EADI,IAAI,cAH+C,mCAIvD,CADQ;IAEP,OAAO,CACL,8CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8BAA8B,IACpC,IAAI;QAER,8BAAM,SAAS,EAAC,eAAe,IAC5B,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CACvC;QACP,oBAAC,SAAS,0BAAe,CAClB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/form/combobox/Combobox.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ComboboxProps } from "./types";
+export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "size" | "onChange" | "options"> & React.RefAttributes<HTMLInputElement>>;
+export default Combobox;

package/esm/form/combobox/Combobox.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cl from "clsx";
+import React, { forwardRef, useMemo, useRef } from "react";
+import { BodyShort, Label, mergeRefs } from "../..";
+import ClearButton from "./ClearButton";
+import FilteredOptions from "./FilteredOptions/FilteredOptions";
+import { useFilteredOptionsContext } from "./FilteredOptions/filteredOptionsContext";
+import SelectedOptions from "./SelectedOptions/SelectedOptions";
+import ToggleListButton from "./ToggleListButton";
+import { useSelectedOptionsContext } from "./SelectedOptions/selectedOptionsContext";
+import ComboboxWrapper from "./ComboboxWrapper";
+import { useInputContext } from "./Input/inputContext";
+import Input from "./Input/Input";
+export const Combobox = forwardRef((props, ref) => {
+    const { value: externalValue, onClear, className, hideLabel = false, description, label, clearButton = true, clearButtonLabel, toggleListButton = true, toggleListButtonLabel, inputClassName, shouldShowSelectedOptions = true } = props, rest = __rest(props, ["value", "onClear", "className", "hideLabel", "description", "label", "clearButton", "clearButtonLabel", "toggleListButton", "toggleListButtonLabel", "inputClassName", "shouldShowSelectedOptions"]);
+    const toggleListButtonRef = useRef(null);
+    const { currentOption, toggleIsListOpen } = useFilteredOptionsContext();
+    const { selectedOptions } = useSelectedOptionsContext();
+    const { clearInput, focusInput, hasError, inputDescriptionId, inputProps, inputRef, value, size = "medium", } = useInputContext();
+    const mergedInputRef = useMemo(() => mergeRefs([inputRef, ref]), [inputRef, ref]);
+    return (React.createElement(ComboboxWrapper, { className: className, hasError: hasError, inputProps: inputProps, inputSize: size, toggleIsListOpen: toggleIsListOpen, toggleListButtonRef: toggleListButtonRef },
+        React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cl("navds-form-field__label", {
+                "navds-sr-only": hideLabel,
+            }) }, label),
+        !!description && (React.createElement(BodyShort, { as: "div", className: cl("navds-form-field__description", {
+                "navds-sr-only": hideLabel,
+            }), id: inputDescriptionId, size: size }, description)),
+        React.createElement("div", { className: "navds-combobox__wrapper" },
+            React.createElement("div", { className: cl("navds-combobox__wrapper-inner navds-text-field__input", {
+                    "navds-combobox__wrapper-inner--virtually-unfocused": currentOption !== null,
+                }), onClick: focusInput },
+                !shouldShowSelectedOptions ? (React.createElement(Input, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName }, rest))) : (React.createElement(SelectedOptions, { selectedOptions: selectedOptions, size: size },
+                    React.createElement(Input, Object.assign({ id: inputProps.id, ref: mergedInputRef, inputClassName: inputClassName }, rest)))),
+                React.createElement("div", null,
+                    value && clearButton && (React.createElement(ClearButton, { handleClear: clearInput, clearButtonLabel: clearButtonLabel, tabIndex: -1 })),
+                    toggleListButton && (React.createElement(ToggleListButton, { toggleListButtonLabel: toggleListButtonLabel, ref: toggleListButtonRef })))),
+            React.createElement(FilteredOptions, null))));
+});
+export default Combobox;
+//# sourceMappingURL=Combobox.js.map

package/esm/form/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../src/form/combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/esm/form/combobox/ComboboxProvider.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { ComboboxProps } from "./types";
+/**
+ * A component that allows the user to search in a list of options
+ *
+ * Has options for allowing only one or multiple options to be selected,
+ * or adding new, user-submitted values.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/combobox)
+ *
+ * @example
+ * ```jsx
+ * const options = ["apple", "banana", "orange"];
+ *
+ * return (
+ *    <Combobox
+ *      label="Velg en verdi"
+ *      options={options}
+ *      id="my-combobox"
+ *      shouldAutoComplete
+ *    />
+ * )
+ * ```
+ */
+declare const ComboboxProvider: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+export default ComboboxProvider;

package/esm/form/combobox/ComboboxProvider.js

@@ -0,0 +1,72 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import Combobox from "./Combobox";
+import { FilteredOptionsProvider } from "./FilteredOptions/filteredOptionsContext";
+import { CustomOptionsProvider } from "./customOptionsContext";
+import { SelectedOptionsProvider } from "./SelectedOptions/selectedOptionsContext";
+import { InputContextProvider } from "./Input/inputContext";
+/**
+ * A component that allows the user to search in a list of options
+ *
+ * Has options for allowing only one or multiple options to be selected,
+ * or adding new, user-submitted values.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/combobox)
+ *
+ * @example
+ * ```jsx
+ * const options = ["apple", "banana", "orange"];
+ *
+ * return (
+ *    <Combobox
+ *      label="Velg en verdi"
+ *      options={options}
+ *      id="my-combobox"
+ *      shouldAutoComplete
+ *    />
+ * )
+ * ```
+ */
+const ComboboxProvider = forwardRef((props, ref) => {
+    const { allowNewValues = false, children, defaultValue, error, errorId, filteredOptions, id, isListOpen, isLoading = false, isMultiSelect, onToggleSelected, selectedOptions, options, value, onChange, onClear, shouldAutocomplete, size } = props, rest = __rest(props, ["allowNewValues", "children", "defaultValue", "error", "errorId", "filteredOptions", "id", "isListOpen", "isLoading", "isMultiSelect", "onToggleSelected", "selectedOptions", "options", "value", "onChange", "onClear", "shouldAutocomplete", "size"]);
+    return (React.createElement(InputContextProvider, { value: {
+            defaultValue,
+            error,
+            errorId,
+            id,
+            value,
+            onChange,
+            onClear,
+            shouldAutocomplete,
+            size,
+        } },
+        React.createElement(CustomOptionsProvider, null,
+            React.createElement(SelectedOptionsProvider, { value: {
+                    allowNewValues,
+                    isMultiSelect,
+                    selectedOptions,
+                    onToggleSelected,
+                    options,
+                } },
+                React.createElement(FilteredOptionsProvider, { value: {
+                        allowNewValues,
+                        filteredOptions,
+                        isListOpen,
+                        isLoading,
+                        isMultiSelect,
+                        options,
+                    } },
+                    React.createElement(Combobox, Object.assign({ ref: ref }, rest), children))))));
+});
+export default ComboboxProvider;
+//# sourceMappingURL=ComboboxProvider.js.map

package/esm/form/combobox/ComboboxProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxProvider.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EACJ,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,eAAe,EACf,EAAE,EACF,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,IAAI,KAEF,KAAK,EADJ,IAAI,UACL,KAAK,EApBH,uPAoBL,CAAQ,CAAC;IACV,OAAO,CACL,oBAAC,oBAAoB,IACnB,KAAK,EAAE;YACL,YAAY;YACZ,KAAK;YACL,OAAO;YACP,EAAE;YACF,KAAK;YACL,QAAQ;YACR,OAAO;YACP,kBAAkB;YAClB,IAAI;SACL;QAED,oBAAC,qBAAqB;YACpB,oBAAC,uBAAuB,IACtB,KAAK,EAAE;oBACL,cAAc;oBACd,aAAa;oBACb,eAAe;oBACf,gBAAgB;oBAChB,OAAO;iBACR;gBAED,oBAAC,uBAAuB,IACtB,KAAK,EAAE;wBACL,cAAc;wBACd,eAAe;wBACf,UAAU;wBACV,SAAS;wBACT,aAAa;wBACb,OAAO;qBACR;oBAED,oBAAC,QAAQ,kBAAC,GAAG,EAAE,GAAG,IAAM,IAAI,GACzB,QAAQ,CACA,CACa,CACF,CACJ,CACH,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/form/combobox/ComboboxWrapper.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+type ComboboxWrapperProps = {
+    children: any;
+    className?: string;
+    hasError: boolean;
+    inputProps: {
+        disabled?: boolean;
+    };
+    inputSize: string;
+    toggleIsListOpen: (isListOpen: boolean) => void;
+    toggleListButtonRef: React.RefObject<HTMLButtonElement>;
+};
+declare const ComboboxWrapper: ({ children, className, hasError, inputProps, inputSize, toggleIsListOpen, toggleListButtonRef, }: ComboboxWrapperProps) => React.JSX.Element;
+export default ComboboxWrapper;

package/esm/form/combobox/ComboboxWrapper.js

@@ -0,0 +1,24 @@
+import cl from "clsx";
+import React, { useRef } from "react";
+const ComboboxWrapper = ({ children, className, hasError, inputProps, inputSize, toggleIsListOpen, toggleListButtonRef, }) => {
+    const wrapperRef = useRef(null);
+    function onFocusInsideWrapper(e) {
+        var _a;
+        if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) &&
+            (toggleListButtonRef === null || toggleListButtonRef === void 0 ? void 0 : toggleListButtonRef.current) !== e.target) {
+            toggleIsListOpen(true);
+        }
+    }
+    function onBlurWrapper(e) {
+        var _a;
+        if (!((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget))) {
+            toggleIsListOpen(false);
+        }
+    }
+    return (React.createElement("div", { ref: wrapperRef, className: cl(className, "navds-form-field", `navds-form-field--${inputSize}`, "navds-search", {
+            "navds-search--error": hasError,
+            "navds-search--disabled": !!inputProps.disabled,
+        }), onFocus: onFocusInsideWrapper, onBlur: onBlurWrapper }, children));
+};
+export default ComboboxWrapper;
+//# sourceMappingURL=ComboboxWrapper.js.map

package/esm/form/combobox/ComboboxWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxWrapper.js","sourceRoot":"","sources":["../../../src/form/combobox/ComboboxWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AActC,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,mBAAmB,GACE,EAAE,EAAE;IACzB,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEvD,SAAS,oBAAoB,CAAC,CAAC;;QAC7B,IACE,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;YAC9C,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,OAAO,MAAK,CAAC,CAAC,MAAM,EACzC;YACA,gBAAgB,CAAC,IAAI,CAAC,CAAC;SACxB;IACH,CAAC;IAED,SAAS,aAAa,CAAC,CAAC;;QACtB,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,EAAE;YAClD,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;IACH,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,SAAS,EAAE,EAChC,cAAc,EACd;YACE,qBAAqB,EAAE,QAAQ;YAC/B,wBAAwB,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ;SAChD,CACF,EACD,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,aAAa,IAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/form/combobox/FilteredOptions/CheckIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const CheckIcon: () => React.JSX.Element;
+export default CheckIcon;

package/esm/form/combobox/FilteredOptions/CheckIcon.js

@@ -0,0 +1,7 @@
+import React from "react";
+const CheckIcon = () => {
+    return (React.createElement("svg", { width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#005B82", d: "M14.2014 0L16 1.89047L4.77943 13L0 8.39552L1.79361 6.5L4.77418 9.3019L14.2014 0Z" })));
+};
+export default CheckIcon;
+//# sourceMappingURL=CheckIcon.js.map

package/esm/form/combobox/FilteredOptions/CheckIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBACtB,MAAM;QAElB,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,kFAAkF,GACpF,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/esm/form/combobox/FilteredOptions/FilteredOptions.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FilteredOptions: () => React.JSX.Element;
+export default FilteredOptions;

package/esm/form/combobox/FilteredOptions/FilteredOptions.js

@@ -0,0 +1,42 @@
+import React from "react";
+import cl from "clsx";
+import { BodyShort, Label, Loader } from "../../..";
+import { CheckmarkIcon, PlusIcon } from "@navikt/aksel-icons";
+import { useFilteredOptionsContext } from "./filteredOptionsContext";
+import { useSelectedOptionsContext } from "../SelectedOptions/selectedOptionsContext";
+import { useInputContext } from "../Input/inputContext";
+const FilteredOptions = () => {
+    const { inputProps: { id }, size, value, } = useInputContext();
+    const { allowNewValues, isLoading, isListOpen, filteredOptions, filteredOptionsIndex, filteredOptionsRef, isValueNew, toggleIsListOpen, } = useFilteredOptionsContext();
+    const { isMultiSelect, selectedOptions, toggleOption } = useSelectedOptionsContext();
+    return (React.createElement("ul", { ref: filteredOptionsRef, className: cl("navds-combobox__list", {
+            "navds-combobox__list--closed": !isListOpen,
+        }), id: `${id}-filtered-options`, role: "listbox", tabIndex: -1 },
+        isLoading && (React.createElement("li", { className: "navds-combobox__list-item--loading", role: "option", "aria-selected": false, id: `${id}-is-loading` },
+            React.createElement(Loader, { "aria-label": "S\u00F8ker..." }))),
+        isValueNew && allowNewValues && (React.createElement("li", { tabIndex: -1, onPointerUp: (event) => toggleOption(value, event), id: `${id}-combobox-new-option`, className: cl("navds-combobox__list-item__new-option", {
+                "navds-combobox__list-item__new-option--focus": filteredOptionsIndex === -1,
+            }), role: "option", "aria-selected": false },
+            React.createElement(PlusIcon, { "aria-hidden": true }),
+            React.createElement(BodyShort, { size: size },
+                "Legg til",
+                " ",
+                React.createElement(Label, { as: "span", size: size },
+                    "\u201C",
+                    value,
+                    "\u201D")))),
+        !isLoading && filteredOptions.length === 0 && (React.createElement("li", { className: "navds-combobox__list-item__no-options", role: "option", "aria-selected": false, id: `${id}-no-hits` }, "Ingen s\u00F8ketreff")),
+        filteredOptions.map((option, index) => (React.createElement("li", { className: cl("navds-combobox__list-item", {
+                "navds-combobox__list-item--focus": index === filteredOptionsIndex,
+                "navds-combobox__list-item--selected": selectedOptions.includes(option),
+            }), id: `${id}-option-${option.replace(" ", "-")}`, key: option, tabIndex: -1, onPointerUp: (event) => {
+                toggleOption(option, event);
+                if (!isMultiSelect) {
+                    toggleIsListOpen(false);
+                }
+            }, role: "option", "aria-selected": selectedOptions.includes(option) },
+            React.createElement(BodyShort, { size: size }, option),
+            selectedOptions.includes(option) && React.createElement(CheckmarkIcon, null))))));
+};
+export default FilteredOptions;
+//# sourceMappingURL=FilteredOptions.js.map

package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilteredOptions.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/FilteredOptions.tsx"],"names":[],"mappings":"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"}

package/esm/form/combobox/FilteredOptions/filteredOptionsContext.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+type FilteredOptionsContextType = {
+    activeDecendantId?: string;
+    allowNewValues?: boolean;
+    ariaDescribedBy?: string;
+    filteredOptionsRef: React.RefObject<HTMLUListElement>;
+    filteredOptionsIndex: number | null;
+    setFilteredOptionsIndex: (index: number) => void;
+    isListOpen: boolean;
+    isLoading?: boolean;
+    filteredOptions: string[];
+    isValueNew: boolean;
+    toggleIsListOpen: (newState?: boolean) => void;
+    currentOption: string | null;
+    resetFilteredOptionsIndex: () => void;
+    moveFocusUp: () => void;
+    moveFocusDown: () => void;
+    moveFocusToInput: () => void;
+    moveFocusToEnd: () => void;
+    shouldAutocomplete?: boolean;
+};
+export declare const FilteredOptionsProvider: ({ children, value: props }: {
+    children: any;
+    value: any;
+}) => React.JSX.Element;
+export declare const useFilteredOptionsContext: () => FilteredOptionsContextType;
+export {};

package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js

@@ -0,0 +1,178 @@
+import React, { useState, useEffect, useMemo, createContext, useContext, useCallback, useRef, useLayoutEffect, } from "react";
+import { useCustomOptionsContext } from "../customOptionsContext";
+import { useInputContext } from "../Input/inputContext";
+import usePrevious from "../../../util/usePrevious";
+const normalizeText = (text) => typeof text === "string" ? `${text}`.toLowerCase().trim() : "";
+const isPartOfText = (value, text) => normalizeText(text).startsWith(normalizeText(value !== null && value !== void 0 ? value : ""));
+const isValueInList = (value, list) => list === null || list === void 0 ? void 0 : list.find((listItem) => normalizeText(value) === normalizeText(listItem));
+const getMatchingValuesFromList = (value, list) => list === null || list === void 0 ? void 0 : list.filter((listItem) => isPartOfText(value, listItem));
+const FilteredOptionsContext = createContext({});
+export const FilteredOptionsProvider = ({ children, value: props }) => {
+    const { allowNewValues, filteredOptions: externalFilteredOptions, isListOpen: isExternalListOpen, isLoading, options, } = props;
+    const filteredOptionsRef = useRef(null);
+    const { inputProps: { id }, value, searchTerm, setValue, setSearchTerm, shouldAutocomplete, } = useInputContext();
+    const [filteredOptionsIndex, setFilteredOptionsIndex] = useState(null);
+    const [isInternalListOpen, setInternalListOpen] = useState(false);
+    const { customOptions } = useCustomOptionsContext();
+    const filteredOptions = useMemo(() => {
+        if (externalFilteredOptions) {
+            return externalFilteredOptions;
+        }
+        const opts = [...customOptions, ...options];
+        setFilteredOptionsIndex(null);
+        return getMatchingValuesFromList(searchTerm, opts);
+    }, [customOptions, externalFilteredOptions, options, searchTerm]);
+    const previousSearchTerm = usePrevious(searchTerm);
+    useLayoutEffect(() => {
+        if (shouldAutocomplete &&
+            normalizeText(searchTerm) !== "" &&
+            ((previousSearchTerm === null || previousSearchTerm === void 0 ? void 0 : previousSearchTerm.length) || 0) < searchTerm.length &&
+            filteredOptions.length > 0 &&
+            !isValueInList(searchTerm, filteredOptions)) {
+            setValue(`${searchTerm}${filteredOptions[0].substring(searchTerm.length)}`);
+            setSearchTerm(searchTerm);
+        }
+    }, [
+        filteredOptions,
+        previousSearchTerm,
+        searchTerm,
+        setSearchTerm,
+        setValue,
+        shouldAutocomplete,
+    ]);
+    const isListOpen = useMemo(() => {
+        return isExternalListOpen !== null && isExternalListOpen !== void 0 ? isExternalListOpen : isInternalListOpen;
+    }, [isExternalListOpen, isInternalListOpen]);
+    const toggleIsListOpen = useCallback((newState) => {
+        setFilteredOptionsIndex(null);
+        setInternalListOpen((oldState) => newState !== null && newState !== void 0 ? newState : !oldState);
+    }, []);
+    const isValueNew = useMemo(() => Boolean(value) && !isValueInList(value, filteredOptions), [value, filteredOptions]);
+    const getMinimumIndex = useCallback(() => {
+        return isValueNew && allowNewValues ? -1 : 0;
+    }, [allowNewValues, isValueNew]);
+    const ariaDescribedBy = useMemo(() => {
+        if (!isLoading && filteredOptions.length === 0) {
+            return `${id}-no-hits`;
+        }
+        else if ((value && value !== "") || isLoading) {
+            if (shouldAutocomplete && filteredOptions[0]) {
+                return `${id}-option-${filteredOptions[0].replace(" ", "-")}`;
+            }
+            else if (isLoading) {
+                return `${id}-is-loading`;
+            }
+        }
+        else {
+            return undefined;
+        }
+    }, [isLoading, value, shouldAutocomplete, filteredOptions, id]);
+    const currentOption = useMemo(() => {
+        if (filteredOptionsIndex == null) {
+            return null;
+        }
+        if (filteredOptionsIndex === -1) {
+            return value;
+        }
+        return filteredOptions[filteredOptionsIndex];
+    }, [filteredOptionsIndex, filteredOptions, value]);
+    const resetFilteredOptionsIndex = () => {
+        setFilteredOptionsIndex(getMinimumIndex());
+    };
+    const scrollToOption = useCallback((newIndex) => {
+        if (filteredOptionsRef.current &&
+            filteredOptionsRef.current.children[newIndex]) {
+            const child = filteredOptionsRef.current.children[newIndex];
+            const { top, bottom } = child.getBoundingClientRect();
+            const parentRect = filteredOptionsRef.current.getBoundingClientRect();
+            if (top < parentRect.top || bottom > parentRect.bottom) {
+                child.scrollIntoView({ block: "nearest" });
+            }
+        }
+    }, []);
+    useEffect(() => {
+        if (filteredOptionsIndex !== null && isListOpen) {
+            scrollToOption(filteredOptionsIndex);
+        }
+    }, [filteredOptionsIndex, isListOpen, scrollToOption]);
+    const moveFocusToInput = useCallback(() => {
+        setFilteredOptionsIndex(null);
+        toggleIsListOpen(false);
+    }, [toggleIsListOpen]);
+    const moveFocusToEnd = useCallback(() => {
+        const lastIndex = filteredOptions.length - 1;
+        toggleIsListOpen(true);
+        setFilteredOptionsIndex(lastIndex);
+    }, [filteredOptions.length, toggleIsListOpen]);
+    const moveFocusUp = useCallback(() => {
+        if (filteredOptionsIndex === null) {
+            return;
+        }
+        if (filteredOptionsIndex === getMinimumIndex()) {
+            toggleIsListOpen(false);
+            setFilteredOptionsIndex(null);
+        }
+        else {
+            const newIndex = Math.max(getMinimumIndex(), filteredOptionsIndex - 1);
+            setFilteredOptionsIndex(newIndex);
+        }
+    }, [filteredOptionsIndex, getMinimumIndex, toggleIsListOpen]);
+    const moveFocusDown = useCallback(() => {
+        if (filteredOptionsIndex === null || !isListOpen) {
+            toggleIsListOpen(true);
+            if (allowNewValues || filteredOptions.length >= 1) {
+                setFilteredOptionsIndex(getMinimumIndex());
+            }
+            return;
+        }
+        const newIndex = Math.min(filteredOptionsIndex + 1, Math.max(getMinimumIndex(), filteredOptions.length - 1));
+        setFilteredOptionsIndex(newIndex);
+    }, [
+        allowNewValues,
+        filteredOptions.length,
+        filteredOptionsIndex,
+        getMinimumIndex,
+        isListOpen,
+        toggleIsListOpen,
+    ]);
+    const activeDecendantId = useMemo(() => {
+        if (filteredOptionsIndex === null) {
+            return undefined;
+        }
+        else if (filteredOptionsIndex === -1) {
+            return `${id}-combobox-new-option`;
+        }
+        else {
+            return `${id}-option-${currentOption === null || currentOption === void 0 ? void 0 : currentOption.replace(" ", "-")}`;
+        }
+    }, [filteredOptionsIndex, currentOption, id]);
+    const filteredOptionsState = {
+        activeDecendantId,
+        allowNewValues,
+        filteredOptionsRef,
+        filteredOptionsIndex,
+        setFilteredOptionsIndex,
+        shouldAutocomplete,
+        isListOpen,
+        isLoading,
+        filteredOptions,
+        isValueNew,
+        toggleIsListOpen,
+        currentOption,
+        resetFilteredOptionsIndex,
+        moveFocusUp,
+        moveFocusDown,
+        moveFocusToInput,
+        moveFocusToEnd,
+        ariaDescribedBy,
+    };
+    return (React.createElement(FilteredOptionsContext.Provider, { value: filteredOptionsState }, children));
+};
+export const useFilteredOptionsContext = () => {
+    const context = useContext(FilteredOptionsContext);
+    if (!context) {
+        throw new Error("useFilteredOptionsContext must be used within a FilteredOptionsProvider");
+    }
+    return context;
+};
+//# sourceMappingURL=filteredOptionsContext.js.map

package/esm/form/combobox/FilteredOptions/filteredOptionsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filteredOptionsContext.js","sourceRoot":"","sources":["../../../../src/form/combobox/FilteredOptions/filteredOptionsContext.tsx"],"names":[],"mappings":"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"}

package/esm/form/combobox/Input/Input.d.ts

@@ -0,0 +1,10 @@
+import React, { InputHTMLAttributes } from "react";
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value"> {
+    ref: React.Ref<HTMLInputElement>;
+    inputClassName?: string;
+    errorId?: string;
+    value?: string;
+    error?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Input;