@kosmeo-ui/react 0.1.1 → 1.0.0

package/dist/components/inputs/input/styles.css

@@ -6,10 +6,10 @@
 }
 
 .k-input {
-  background-color: var(--background-color-light);
-  border: 0.0625rem solid var(--border-color);
+  background-color: var(--k-background-color-light);
+  border: 0.0625rem solid var(--k-border-color);
   border-radius: 0.375rem;
-  color: var(--text-color);
+  color: var(--k-text-color);
   width: 100%;
   box-sizing: border-box;
   transition:
@@ -18,17 +18,17 @@
 }
 
 .k-input-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.5rem 0.75rem;
 }
 
 .k-input-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.625rem 1rem;
 }
 
 .k-input-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.75rem 1.25rem;
 }
 
@@ -37,30 +37,74 @@
 }
 
 .k-input::placeholder {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   opacity: 0.7;
 }
 
 .k-input[type="date"]:empty {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
 }
 
 .k-input:focus {
   outline: none;
-  border-color: var(--border-color-active);
-  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+  border-color: var(--k-border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--k-border-shadow-color-active);
+}
+
+/* No opacity, unlike disabled: a read-only value keeps full text contrast. */
+.k-input[readonly]:not(:disabled) {
+  background-color: var(--k-background-color-dark);
+  color: var(--k-text-color-secondary);
+  cursor: default;
 }
 
 .k-input:disabled {
-  background-color: var(--bg-color-disabled);
-  color: var(--text-color-disabled);
+  background-color: var(--k-background-color-disabled);
+  color: var(--k-text-color-disabled);
   cursor: not-allowed;
   opacity: 0.6;
 }
 
+.k-input-clearable {
+  padding-right: 2.25rem;
+}
+
+.k-input-clear-button {
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: none;
+  color: var(--k-text-color-secondary);
+  cursor: pointer;
+  transition: color 0.2s ease-in-out;
+}
+
+.k-input-clear-button:hover {
+  color: var(--k-primary-color-text);
+}
+
+.k-input-clear-button:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 0.125rem var(--k-border-shadow-color-active);
+}
+
 .k-password-toggle-button {
   position: absolute;
-  right: 0.75rem;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  /* 24px hit area (WCAG 2.5.8) around the small eye icon. */
+  width: 1.5rem;
+  height: 1.5rem;
   background: none;
   border: none;
   cursor: pointer;
@@ -68,17 +112,17 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
   transition: color 0.2s ease-in-out;
 }
 
 .k-password-toggle-button:hover {
-  color: var(--primary-color);
+  color: var(--k-primary-color-text);
 }
 
 .k-password-toggle-button:focus {
   outline: none;
-  box-shadow: 0 0 0 0.125rem var(--border-shadow-color-active);
+  box-shadow: 0 0 0 0.125rem var(--k-border-shadow-color-active);
   border-radius: 50%;
 }
 
@@ -88,7 +132,7 @@
 }
 
 .k-password-toggle-button:disabled:hover {
-  color: var(--text-color-secondary);
+  color: var(--k-text-color-secondary);
 }
 
 .k-input-wrapper-addon {
@@ -112,9 +156,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--background-color-dark);
-  border: 0.0625rem solid var(--border-color);
-  color: var(--text-color-secondary);
+  background-color: var(--k-background-color-dark);
+  border: 0.0625rem solid var(--k-border-color);
+  color: var(--k-text-color-secondary);
   font-weight: 500;
   white-space: nowrap;
   user-select: none;
@@ -133,20 +177,20 @@
 }
 
 .k-input-addon-sm {
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
   padding: 0.5rem 0.625rem;
 }
 
 .k-input-addon-md {
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
   padding: 0.625rem 0.75rem;
 }
 
 .k-input-addon-lg {
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
   padding: 0.75rem 0.875rem;
 }
 
 .k-input-wrapper-addon:focus-within .k-input-addon {
-  border-color: var(--border-color-active);
+  border-color: var(--k-border-color-active);
 }

package/dist/components/inputs/languageSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,cAAc,EA4B/C,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,GAAI,kEAQrB,mBAAmB,gCAgBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,cAAc,EA4B/C,CAAC;AAEF,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,GAAI,kEAQrB,mBAAmB,gCA+BrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/inputs/languageSelect/index.js

@@ -31,10 +31,21 @@ export const SUPPORTED_LANGUAGES = [
     { value: "hi-IN", label: "Hindi (India)" },
 ];
 const LanguageSelect = ({ label = "Preferred language", value, onChange, id, disabled, required, includeNone = true, }) => {
-    const options = includeNone
-        ? [{ value: "", label: "— None —" }, ...SUPPORTED_LANGUAGES]
-        : SUPPORTED_LANGUAGES;
-    return (_jsx(Select, { label: label, id: id, value: value ?? "", disabled: disabled, required: required, options: options, onChange: (v) => onChange?.(v ? v : null) }));
+    // A stored value is shown, never replaced on load (Select would report its
+    // first option for a value it lacks): a bare language ("en") as its first
+    // locale, any other unknown code as itself.
+    const stored = value ?? "";
+    const isSupported = SUPPORTED_LANGUAGES.some((l) => l.value === stored);
+    const locale = stored && !isSupported
+        ? SUPPORTED_LANGUAGES.find((l) => l.value.toLowerCase().startsWith(`${stored.toLowerCase()}-`))?.value
+        : undefined;
+    const unknown = stored && !isSupported && !locale ? [{ value: stored, label: stored }] : [];
+    const options = [
+        ...(includeNone ? [{ value: "", label: "— None —" }] : []),
+        ...unknown,
+        ...SUPPORTED_LANGUAGES,
+    ];
+    return (_jsx(Select, { label: label, id: id, value: locale ?? stored, disabled: disabled, required: required, options: options, onChange: (v) => onChange?.(v ? v : null) }));
 };
 export default LanguageSelect;
 //# sourceMappingURL=index.js.map

package/dist/components/inputs/languageSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/languageSelect/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/multiSelect/dropDown.d.ts

@@ -10,7 +10,14 @@ interface DropDownProps<T> extends PropsWithSize {
     handleSelectAll: () => void;
     handleClearAll: () => void;
     handleOptionToggle: (optionValue: T) => void;
+    listboxId: string;
+    /** Id of the field's label, which also names the listbox. */
+    labelId?: string;
+    highlightedIndex: number;
+    optionRefs: React.RefObject<(HTMLLIElement | null)[]>;
+    onSearchKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
 }
+export declare const optionId: (listboxId: string, index: number) => string;
 export declare const DropDownSection: <T>(props: DropDownProps<T>) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=dropDown.d.ts.map

package/dist/components/inputs/multiSelect/dropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropDown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS/C,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,aAAa;IAC9C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACzD,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,OAAO,aAAa,CAAC,CAAC,CAAC,gCAsF1D,CAAC"}
+{"version":3,"file":"dropDown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAS/C,UAAU,aAAa,CAAC,CAAC,CAAE,SAAQ,aAAa;IAC9C,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACzD,eAAe,EAAE,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACtD,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,QAAQ,GAAI,WAAW,MAAM,EAAE,OAAO,MAAM,WACzB,CAAC;AAEjC,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,OAAO,aAAa,CAAC,CAAC,CAAC,gCA6H1D,CAAC"}

package/dist/components/inputs/multiSelect/dropDown.js

@@ -4,28 +4,35 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import IconButton from "../../buttons/iconButton/index.js";
 import Tooltip from "../../feedback/tooltip/index.js";
 import Input from "../input/index.js";
-import { useMemo } from "react";
+import { itemKeys } from "./utils.js";
 import { faCheckDouble, faXmark, faCheck, } from "@fortawesome/free-solid-svg-icons";
+export const optionId = (listboxId, index) => `${listboxId}-option-${index}`;
 export const DropDownSection = (props) => {
     const { size = "md", value = [] } = props;
-    const list = useMemo(() => {
-        return props.filteredOptions.length > 0 ? (props.filteredOptions.map((option) => {
+    const optionKeys = itemKeys(props.filteredOptions, props.labelKey);
+    const list = props.filteredOptions.length > 0 ? (_jsx("ul", { id: props.listboxId, role: "listbox", "aria-multiselectable": "true", "aria-labelledby": props.labelId, className: "k-multiselect-options-list", children: props.filteredOptions.map((option, index) => {
             const isSelected = value.find((v) => v[props.labelKey] === option[props.labelKey]);
-            const key = Math.random().toString(36).slice(2);
-            return (_jsxs("li", { className: `k-multiselect-option k-multiselect-option-${size} ${isSelected ? "k-multiselect-option-selected" : ""}`, onClick: (e) => {
+            return (_jsxs("li", { ref: (el) => {
+                    props.optionRefs.current[index] = el;
+                }, id: optionId(props.listboxId, index), role: "option", "aria-selected": !!isSelected, className: `k-multiselect-option k-multiselect-option-${size} ${isSelected ? "k-multiselect-option-selected" : ""} ${index === props.highlightedIndex
+                    ? "k-multiselect-option-highlighted"
+                    : ""}`, 
+                // Keeps focus, and so the keyboard, in the search box.
+                onMouseDown: (e) => e.preventDefault(), onClick: (e) => {
                     e.stopPropagation();
                     props.handleOptionToggle(option);
-                }, children: [_jsx("span", { className: "k-multiselect-option-label", children: String(option[props.labelKey]) }), isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, className: "k-multiselect-check" }))] }, key));
-        })) : (_jsx("li", { className: `k-multiselect-no-results k-multiselect-option-${size}`, children: props.options.length === 0
+                }, children: [_jsx("span", { className: "k-multiselect-option-label", children: String(option[props.labelKey]) }), isSelected && (_jsx(FontAwesomeIcon, { icon: faCheck, className: "k-multiselect-check" }))] }, optionKeys[index]));
+        }) })) : (_jsx("div", { className: "k-multiselect-options-list", children: _jsx("div", { role: "status", className: `k-multiselect-no-results k-multiselect-option-${size}`, children: props.options.length === 0
                 ? "No options available"
-                : "No options found" }));
-    }, [props.filteredOptions, value]);
-    return (_jsxs("div", { className: `k-multiselect-dropdown k-multiselect-dropdown-${size}`, children: [_jsxs("div", { className: "k-multiselect-search-container", children: [_jsx(Input, { ref: props.searchInputRef, type: "text", placeholder: "Search options...", size: props.size, value: props.searchTerm, onChange: (e) => props.setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation() }), _jsxs("div", { className: "k-multiselect-bulk-actions", children: [_jsx(Tooltip, { content: "Select All", children: _jsx(IconButton, { icon: faCheckDouble, size: size, variant: "success", onClick: (e) => {
+                : "No options found" }) }));
+    return (_jsxs("div", { className: `k-multiselect-dropdown k-multiselect-dropdown-${size}`, children: [_jsxs("div", { className: "k-multiselect-search-container", children: [_jsx(Input, { ref: props.searchInputRef, type: "text", placeholder: "Search options...", size: props.size, value: props.searchTerm, onChange: (e) => props.setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation(), onKeyDown: props.onSearchKeyDown, "aria-label": "Search options", "aria-controls": props.filteredOptions.length > 0 ? props.listboxId : undefined, "aria-activedescendant": props.highlightedIndex > -1
+                            ? optionId(props.listboxId, props.highlightedIndex)
+                            : undefined }), _jsxs("div", { className: "k-multiselect-bulk-actions", children: [_jsx(Tooltip, { content: "Select All", children: _jsx(IconButton, { icon: faCheckDouble, "aria-label": "Select all", size: size, variant: "success", onClick: (e) => {
                                         e.stopPropagation();
                                         props.handleSelectAll();
-                                    }, disabled: value.length === props.options.length }) }), _jsx(Tooltip, { content: "Clear All", children: _jsx(IconButton, { icon: faXmark, size: size, variant: "danger", onClick: (e) => {
+                                    }, disabled: value.length === props.options.length }) }), _jsx(Tooltip, { content: "Clear All", children: _jsx(IconButton, { icon: faXmark, "aria-label": "Clear all", size: size, variant: "danger", onClick: (e) => {
                                         e.stopPropagation();
                                         props.handleClearAll();
-                                    }, disabled: value.length === 0 }) })] })] }), _jsx("ul", { className: "k-multiselect-options-list", children: list })] }));
+                                    }, disabled: value.length === 0 }) })] })] }), list] }));
 };
 //# sourceMappingURL=dropDown.js.map

package/dist/components/inputs/multiSelect/dropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropDown.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropDown.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/dropDown.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/multiSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACjD,kCAAkC;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gCAwMlD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAEtB,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,aAAa;IACjD,kCAAkC;IAClC,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,gCAAgC;IAChC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,uEAAuE;IACvE,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,GAAI,CAAC,EAAG,OAAO,gBAAgB,CAAC,CAAC,CAAC,gCA+PlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/inputs/multiSelect/index.js

@@ -1,12 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import useScrollIntoView from "../../../hooks/useScrollIntoView.js";
 import DropdownArrowButton from "../dropdownArrowButton/index.js";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import useOutsideClick from "../../../hooks/useOutsideClick.js";
-import { useState, useRef, useEffect, useMemo } from "react";
+import useListKeyboard from "../../../hooks/useListKeyboard.js";
 import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { useState, useRef, useEffect, useId } from "react";
 import FieldShell from "../../forms/fieldShell/index.js";
 import { DropDownSection } from "./dropDown.js";
+import { itemKeys } from "./utils.js";
 import "./styles.css";
 /**
  * MultiSelect component with search functionality for selecting multiple options.
@@ -29,7 +32,13 @@ const MultiSelect = (props) => {
     const [filteredOptions, setFilteredOptions] = useState(props.options);
     const containerRef = useRef(null);
     const searchInputRef = useRef(null);
-    const componentId = props.id || `multiselect-${Math.random().toString(36).substring(2, 9)}`;
+    const comboboxRef = useRef(null);
+    const optionRefs = useRef([]);
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const generatedId = useId();
+    const componentId = props.id || `multiselect-${generatedId}`;
+    const labelId = `${componentId}-label`;
+    const listboxId = `${componentId}-listbox`;
     // Filter options based on search term
     useEffect(() => {
         if (searchTerm) {
@@ -41,6 +50,7 @@ const MultiSelect = (props) => {
         else {
             setFilteredOptions(props.options);
         }
+        setHighlightedIndex(-1);
     }, [searchTerm, props.options]);
     useOutsideClick([containerRef], () => setIsOpen(false));
     // Focus search input when dropdown opens
@@ -49,12 +59,34 @@ const MultiSelect = (props) => {
             searchInputRef.current.focus();
         }
     }, [isOpen]);
+    useScrollIntoView(optionRefs, highlightedIndex, isOpen);
     const handleToggleDropdown = () => {
         if (disabled)
             return;
         setIsOpen(!isOpen);
         if (!isOpen) {
             setSearchTerm("");
+            setHighlightedIndex(-1);
+        }
+    };
+    const close = () => {
+        setIsOpen(false);
+        comboboxRef.current?.focus();
+    };
+    // Closes when focus moves to something outside, such as on Tab. A null
+    // relatedTarget (a click on nothing focusable) is left to useOutsideClick,
+    // so a click inside the dropdown doesn't close it.
+    const handleBlur = (e) => {
+        const next = e.relatedTarget;
+        if (next && !containerRef.current?.contains(next))
+            setIsOpen(false);
+    };
+    const handleComboboxKeyDown = (e) => {
+        if (disabled || isOpen)
+            return;
+        if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+            e.preventDefault();
+            handleToggleDropdown();
         }
     };
     const handleOptionToggle = (optionValue) => {
@@ -116,19 +148,23 @@ const MultiSelect = (props) => {
             return;
         props.onChange([]);
     };
-    const selectedItems = useMemo(() => {
-        return value.map((v) => {
-            const key = Math.random().toString(36).slice(2);
-            return (_jsxs("div", { className: "k-multiselect-selected-item", children: [_jsx("span", { className: "k-multiselect-selected-item-label", children: String(v[props.labelKey]) }), !disabled && (_jsx("button", { type: "button", className: "k-multiselect-selected-item-remove", onClick: (e) => {
-                            e.stopPropagation();
-                            handleOptionToggle(v);
-                        }, children: _jsx(FontAwesomeIcon, { icon: faXmark }) }))] }, key));
-        });
-    }, [value]);
-    return (_jsx("div", { ref: containerRef, children: _jsxs(FieldShell, { label: props.label, required: required, htmlFor: componentId, className: "k-multiselect-container", children: [_jsxs("div", { id: componentId, className: `k-multiselect k-multiselect-${size} ${disabled ? "k-multiselect-disabled" : ""} ${isOpen ? "k-multiselect-open" : ""}`, onClick: handleToggleDropdown, tabIndex: disabled ? -1 : 0, children: [_jsx("div", { className: "k-multiselect-display", children: value.length > 0 ? (_jsx("div", { className: "k-multiselect-selected-items", children: selectedItems })) : (_jsx("span", { className: "k-multiselect-placeholder", children: placeholder })) }), _jsx(DropdownArrowButton, { size: size, isOpen: isOpen, disabled: disabled, onClick: (e) => {
+    const handleSearchKeyDown = useListKeyboard({
+        isOpen,
+        length: filteredOptions.length,
+        highlightedIndex,
+        setHighlightedIndex,
+        onSelect: (index) => handleOptionToggle(filteredOptions[index]),
+        onClose: close,
+    });
+    const selectedKeys = itemKeys(value, props.labelKey);
+    const selectedItems = value.map((v, index) => (_jsxs("div", { className: "k-multiselect-selected-item", children: [_jsx("span", { className: "k-multiselect-selected-item-label", children: String(v[props.labelKey]) }), !disabled && (_jsx("button", { type: "button", className: "k-multiselect-selected-item-remove", tabIndex: -1, "aria-hidden": "true", "aria-label": `Remove ${String(v[props.labelKey])}`, onClick: (e) => {
+                    e.stopPropagation();
+                    handleOptionToggle(v);
+                }, children: _jsx(FontAwesomeIcon, { icon: faXmark }) }))] }, selectedKeys[index])));
+    return (_jsx("div", { ref: containerRef, onBlur: handleBlur, children: _jsxs(FieldShell, { label: props.label, required: required, labelId: labelId, className: "k-multiselect-container", children: [_jsxs("div", { ref: comboboxRef, id: componentId, role: "combobox", "aria-haspopup": "listbox", "aria-expanded": isOpen, "aria-controls": isOpen ? listboxId : undefined, "aria-labelledby": props.label ? labelId : undefined, "aria-label": props.label ? undefined : placeholder, "aria-required": required || undefined, "aria-disabled": disabled || undefined, onKeyDown: handleComboboxKeyDown, className: `k-multiselect k-multiselect-${size} ${disabled ? "k-multiselect-disabled" : ""} ${isOpen ? "k-multiselect-open" : ""}`, onClick: handleToggleDropdown, tabIndex: disabled ? -1 : 0, children: [_jsx("div", { className: "k-multiselect-display", children: value.length > 0 ? (_jsx("div", { className: "k-multiselect-selected-items", children: selectedItems })) : (_jsx("span", { className: "k-multiselect-placeholder", children: placeholder })) }), _jsx(DropdownArrowButton, { size: size, isOpen: isOpen, disabled: disabled, onClick: (e) => {
                                 e.stopPropagation();
                                 handleToggleDropdown();
-                            } })] }), isOpen && (_jsx(DropDownSection, { value: value, labelKey: props.labelKey, size: size, searchTerm: searchTerm, searchInputRef: searchInputRef, filteredOptions: filteredOptions, options: props.options, setSearchTerm: setSearchTerm, handleSelectAll: handleSelectAll, handleClearAll: handleClearAll, handleOptionToggle: handleOptionToggle }))] }) }));
+                            } })] }), isOpen && (_jsx(DropDownSection, { value: value, labelKey: props.labelKey, size: size, searchTerm: searchTerm, searchInputRef: searchInputRef, filteredOptions: filteredOptions, options: props.options, setSearchTerm: setSearchTerm, handleSelectAll: handleSelectAll, handleClearAll: handleClearAll, handleOptionToggle: handleOptionToggle, listboxId: listboxId, labelId: props.label ? labelId : undefined, highlightedIndex: highlightedIndex, optionRefs: optionRefs, onSearchKeyDown: handleSearchKeyDown }))] }) }));
 };
 export default MultiSelect;
 //# sourceMappingURL=index.js.map

package/dist/components/inputs/multiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/multiSelect/index.tsx"],"names":[],"mappings":"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"}