@kosmeo-ui/react 0.1.0

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

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { faXmark } from "@fortawesome/free-solid-svg-icons";
+import FieldShell from "../../forms/fieldShell/index.js";
+import { DropDownSection } from "./dropDown.js";
+import "./styles.css";
+/**
+ * MultiSelect component with search functionality for selecting multiple options.
+ * Supports searching through options with a built-in filter.
+ *
+ * @param props - The props for the MultiSelect component
+ * @param props.options - Array of options to display
+ * @param props.value - Currently selected values
+ * @param props.onChange - Callback when selection changes
+ * @param props.label - **_Optional_** Label to display above the component
+ * @param props.placeholder - **_Optional_** Placeholder text when no items are selected
+ * @param props.disabled - **_Optional_** Whether the component is disabled
+ * @param props.id - **_Optional_** ID for the component
+ * @param props.size - **_Optional_** Size variant ("sm" | "md" | "lg"). Defaults to "md"
+ */
+const MultiSelect = (props) => {
+    const { value = [], placeholder = "Select options...", disabled = false, size = "md", required = false, } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState("");
+    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)}`;
+    // Filter options based on search term
+    useEffect(() => {
+        if (searchTerm) {
+            const filtered = props.options.filter((option) => String(option[props.labelKey])
+                .toLowerCase()
+                .includes(searchTerm.toLowerCase()));
+            setFilteredOptions(filtered);
+        }
+        else {
+            setFilteredOptions(props.options);
+        }
+    }, [searchTerm, props.options]);
+    useOutsideClick([containerRef], () => setIsOpen(false));
+    // Focus search input when dropdown opens
+    useEffect(() => {
+        if (isOpen && searchInputRef.current) {
+            searchInputRef.current.focus();
+        }
+    }, [isOpen]);
+    const handleToggleDropdown = () => {
+        if (disabled)
+            return;
+        setIsOpen(!isOpen);
+        if (!isOpen) {
+            setSearchTerm("");
+        }
+    };
+    const handleOptionToggle = (optionValue) => {
+        if (!props.onChange)
+            return;
+        const isAlreadySelected = value.some((v) => {
+            if (typeof v === "object" &&
+                v !== null &&
+                "value" in v &&
+                typeof optionValue === "object" &&
+                optionValue !== null &&
+                "value" in optionValue) {
+                return (v.value ===
+                    optionValue.value);
+            }
+            return v === optionValue;
+        });
+        const newValues = isAlreadySelected
+            ? value.filter((v) => {
+                if (typeof v === "object" &&
+                    v !== null &&
+                    "value" in v &&
+                    typeof optionValue === "object" &&
+                    optionValue !== null &&
+                    "value" in optionValue) {
+                    return (v.value !==
+                        optionValue.value);
+                }
+                return v !== optionValue;
+            })
+            : [...value, optionValue];
+        props.onChange(newValues);
+    };
+    const handleSelectAll = () => {
+        if (!props.onChange)
+            return;
+        const existingMap = new Map();
+        value.forEach((v) => {
+            if (typeof v === "object" && v !== null && "value" in v) {
+                existingMap.set(v.value, v);
+            }
+            else {
+                existingMap.set(v, v);
+            }
+        });
+        const newValues = [...value];
+        filteredOptions.forEach((option) => {
+            const key = typeof option === "object" && option !== null && "value" in option
+                ? option.value
+                : option;
+            if (!existingMap.has(key)) {
+                newValues.push(option);
+            }
+        });
+        props.onChange(newValues);
+    };
+    const handleClearAll = () => {
+        if (!props.onChange)
+            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) => {
+                                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 }))] }) }));
+};
+export default MultiSelect;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,265 @@
+.k-multiselect-container {
+  width: 100%;
+  position: relative;
+}
+
+.k-multiselect-label {
+  display: block;
+  margin-bottom: 0.1rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text-color);
+}
+
+.k-multiselect {
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  color: var(--text-color);
+  width: 100%;
+  box-sizing: border-box;
+  transition:
+    border-color 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+  background-color: var(--background-color-light);
+  cursor: pointer;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  position: relative;
+  min-height: auto;
+}
+
+/* Size variants */
+.k-multiselect-sm {
+  font-size: var(--text-size-sm);
+  padding: 0.5rem 2.5rem 0.5rem 0.75rem;
+}
+
+.k-multiselect-md {
+  font-size: var(--text-size-md);
+  padding: 0.625rem 2.75rem 0.625rem 1rem;
+}
+
+.k-multiselect-lg {
+  font-size: var(--text-size-lg);
+  padding: 0.75rem 3rem 0.75rem 1.25rem;
+}
+
+/* States */
+.k-multiselect:hover:not(.k-multiselect-disabled) {
+  border-color: var(--primary-color);
+}
+
+.k-multiselect:focus {
+  outline: none;
+  border-color: var(--border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+}
+
+.k-multiselect-open {
+  border-color: var(--border-color-active);
+  box-shadow: 0 0 0 0.1875rem var(--border-shadow-color-active);
+}
+
+.k-multiselect-disabled {
+  background-color: var(--disabled-bg);
+  color: var(--disabled-text);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+/* Display area */
+.k-multiselect-display {
+  flex: 1;
+  padding-right: 0.5rem;
+}
+
+.k-multiselect-placeholder {
+  color: var(--text-color-secondary);
+  opacity: 0.7;
+}
+
+/* Selected items display */
+.k-multiselect-selected-items {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 0.25rem;
+  transition: max-height 0.3s ease-in-out;
+}
+
+/* Fixed height for 5 items based on size */
+.k-multiselect-sm .k-multiselect-selected-items {
+  max-height: calc(5 * (var(--text-size-sm) + 1.15rem));
+}
+
+.k-multiselect-md .k-multiselect-selected-items {
+  max-height: calc(5 * (var(--text-size-md) + 1.5rem));
+}
+
+.k-multiselect-lg .k-multiselect-selected-items {
+  max-height: calc(5 * (var(--text-size-lg) + 1.8rem));
+}
+
+.k-multiselect-selected-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--background-color-dark);
+  border-radius: 0.25rem;
+}
+
+.k-multiselect-selected-item:hover {
+  background-color: var(--background-color-hover);
+}
+
+.k-multiselect-selected-item-label {
+  color: var(--text-color);
+  flex: 1;
+  text-align: left;
+}
+
+/* Size variants for selected items */
+.k-multiselect-sm .k-multiselect-selected-item {
+  padding: 0.25rem 0.5rem;
+  font-size: var(--text-size-sm);
+}
+
+.k-multiselect-md .k-multiselect-selected-item {
+  padding: 0.375rem 0.625rem;
+  font-size: var(--text-size-md);
+}
+
+.k-multiselect-lg .k-multiselect-selected-item {
+  padding: 0.5rem 0.75rem;
+  font-size: var(--text-size-lg);
+}
+
+.k-multiselect-selected-item-remove {
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  color: var(--text-color);
+  transition: color 0.2s ease-in-out;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 0.5rem;
+}
+
+/* Size variants for remove button */
+.k-multiselect-sm .k-multiselect-selected-item-remove {
+  font-size: calc(var(--text-size-sm) * 0.85);
+}
+
+.k-multiselect-md .k-multiselect-selected-item-remove {
+  font-size: calc(var(--text-size-md) * 0.85);
+}
+
+.k-multiselect-lg .k-multiselect-selected-item-remove {
+  font-size: calc(var(--text-size-lg) * 0.85);
+}
+
+.k-multiselect-selected-item-remove:hover {
+  color: var(--danger-color);
+}
+
+/* Dropdown */
+.k-multiselect-dropdown {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  margin-top: 0.25rem;
+  background-color: var(--background-color-light);
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  box-shadow:
+    0 0.25rem 0.375rem -0.0625rem var(--shadow-color),
+    0 0.125rem 0.25rem -0.125rem var(--shadow-color);
+  z-index: 1000;
+  max-height: 20rem;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Search input */
+.k-multiselect-search-container {
+  padding: 0.5rem;
+  border-bottom: 0.0625rem solid var(--border-color);
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+/* Bulk actions */
+.k-multiselect-bulk-actions {
+  display: flex;
+  gap: 0.25rem;
+}
+
+/* Options list */
+.k-multiselect-options-list {
+  list-style: none;
+  margin: 0;
+  padding: 0.25rem 0;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.k-multiselect-option {
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  transition: background-color 0.2s ease-in-out;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.k-multiselect-option-sm {
+  font-size: var(--text-size-sm);
+  padding: 0.375rem 0.75rem;
+}
+
+.k-multiselect-option-md {
+  font-size: var(--text-size-md);
+  padding: 0.5rem 1rem;
+}
+
+.k-multiselect-option-lg {
+  font-size: var(--text-size-lg);
+  padding: 0.625rem 1.25rem;
+}
+
+.k-multiselect-option:hover {
+  background-color: var(--background-color-dark);
+}
+
+.k-multiselect-option-selected {
+  background-color: var(--background-color-dark);
+  color: var(--text-color);
+}
+
+.k-multiselect-option-selected:hover {
+  background-color: var(--background-color-hover);
+}
+
+.k-multiselect-option-label {
+  flex: 1;
+}
+
+.k-multiselect-check {
+  color: var(--text-color);
+  font-size: 0.875rem;
+}
+
+.k-multiselect-no-results {
+  text-align: center;
+  color: var(--text-color-secondary);
+  font-style: italic;
+  padding: 1rem;
+}

package/dist/components/inputs/phoneInput/index.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+import { PropsWithSize } from "../../types.js";
+import "./styles.css";
+import { CountryCode } from "libphonenumber-js";
+interface PhoneInputProps extends PropsWithSize {
+    /** E.164 value (e.g. `+13093704188`) or empty string. */
+    value?: string;
+    /** Called with the new E.164 value (or empty when cleared). */
+    onChange: (value: string) => void;
+    /** ISO 3166-1 alpha-2 country code used when no `value` is set. */
+    defaultCountry?: CountryCode;
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    error?: ReactNode;
+    helperText?: ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+}
+declare const PhoneInput: (props: PhoneInputProps) => import("react").JSX.Element;
+export default PhoneInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/phoneInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAwC,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,cAAc,CAAC;AACtB,OAAO,EAEL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAE3B,UAAU,eAAgB,SAAQ,aAAa;IAC7C,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AA2BD,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCA6KzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { faCaretDown, faSearch } from "@fortawesome/free-solid-svg-icons";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import useOutsideClick from "../../../hooks/useOutsideClick.js";
+import Input from "../input/index.js";
+import "./styles.css";
+import { AsYouType, getCountries, getCountryCallingCode, parsePhoneNumberFromString, } from "libphonenumber-js";
+const FAVORITES = [
+    "US",
+    "CA",
+    "GB",
+    "MX",
+    "AU",
+    "DE",
+    "FR",
+    "JP",
+];
+const flagEmoji = (cc) => cc
+    .toUpperCase()
+    .split("")
+    .map((c) => String.fromCodePoint(127397 + c.charCodeAt(0)))
+    .join("");
+const regionNames = typeof Intl !== "undefined" && "DisplayNames" in Intl
+    ? new Intl.DisplayNames(["en"], { type: "region" })
+    : null;
+const countryName = (cc) => regionNames?.of(cc) ?? cc;
+const PhoneInput = (props) => {
+    const { value = "", onChange, defaultCountry = "US", disabled, placeholder, size, ...restProps } = props;
+    const [country, setCountry] = useState(defaultCountry);
+    const [display, setDisplay] = useState("");
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const [search, setSearch] = useState("");
+    const pickerRef = useRef(null);
+    const searchRef = useRef(null);
+    const lastEmittedRef = useRef("");
+    useEffect(() => {
+        if (value === lastEmittedRef.current)
+            return;
+        if (!value) {
+            setDisplay("");
+            return;
+        }
+        const parsed = parsePhoneNumberFromString(value);
+        if (parsed?.country) {
+            setCountry(parsed.country);
+            setDisplay(parsed.formatNational());
+        }
+        else {
+            const formatter = new AsYouType(country);
+            setDisplay(formatter.input(value));
+        }
+    }, [value, country]);
+    useEffect(() => {
+        if (pickerOpen) {
+            searchRef.current?.focus();
+        }
+        else {
+            setSearch("");
+        }
+    }, [pickerOpen]);
+    useOutsideClick([pickerRef], () => setPickerOpen(false));
+    const emit = (nationalDigits, nextCountry) => {
+        if (!nationalDigits) {
+            lastEmittedRef.current = "";
+            onChange("");
+            return;
+        }
+        const e164 = `+${getCountryCallingCode(nextCountry)}${nationalDigits}`;
+        lastEmittedRef.current = e164;
+        onChange(e164);
+    };
+    const handleInputChange = (e) => {
+        const raw = e.target.value;
+        const formatter = new AsYouType(country);
+        const formatted = formatter.input(raw);
+        const nationalDigits = formatter.getNationalNumber();
+        setDisplay(formatted);
+        emit(nationalDigits, country);
+    };
+    const handleCountrySelect = (cc) => {
+        setCountry(cc);
+        setPickerOpen(false);
+        const digits = display.replace(/\D/g, "");
+        if (digits) {
+            const formatter = new AsYouType(cc);
+            const formatted = formatter.input(digits);
+            setDisplay(formatted);
+            emit(formatter.getNationalNumber(), cc);
+        }
+        else {
+            emit("", cc);
+        }
+    };
+    const orderedCountries = useMemo(() => {
+        const all = getCountries();
+        const favSet = new Set(FAVORITES);
+        const rest = all
+            .filter((c) => !favSet.has(c))
+            .sort((a, b) => countryName(a).localeCompare(countryName(b)));
+        return [...FAVORITES.filter((c) => all.includes(c)), ...rest];
+    }, []);
+    const filteredCountries = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return orderedCountries;
+        return orderedCountries.filter((cc) => {
+            const name = countryName(cc).toLowerCase();
+            const dial = getCountryCallingCode(cc);
+            return (name.includes(q) ||
+                cc.toLowerCase().includes(q) ||
+                dial.includes(q.replace(/^\+/, "")));
+        });
+    }, [orderedCountries, search]);
+    const prefix = (_jsxs("div", { ref: pickerRef, className: "k-phone-input-picker", children: [_jsxs("button", { type: "button", className: "k-phone-input-picker-trigger", onClick: () => !disabled && setPickerOpen((o) => !o), disabled: disabled, "aria-label": `Country: ${countryName(country)}`, "aria-expanded": pickerOpen, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(country) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(country)] }), _jsx(FontAwesomeIcon, { icon: faCaretDown, className: "k-phone-input-caret" })] }), pickerOpen && (_jsxs("div", { className: "k-phone-input-panel", children: [_jsxs("div", { className: "k-phone-input-search", children: [_jsx(FontAwesomeIcon, { icon: faSearch }), _jsx("input", { ref: searchRef, type: "text", value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search country or code" })] }), _jsxs("ul", { className: "k-phone-input-list", role: "listbox", children: [filteredCountries.map((cc) => (_jsx("li", { children: _jsxs("button", { type: "button", className: `k-phone-input-option ${cc === country ? "selected" : ""}`, onClick: () => handleCountrySelect(cc), role: "option", "aria-selected": cc === country, children: [_jsx("span", { className: "k-phone-input-flag", children: flagEmoji(cc) }), _jsx("span", { className: "k-phone-input-name", children: countryName(cc) }), _jsxs("span", { className: "k-phone-input-dial", children: ["+", getCountryCallingCode(cc)] })] }) }, cc))), filteredCountries.length === 0 && (_jsx("li", { className: "k-phone-input-empty", children: "No matches" }))] })] }))] }));
+    return (_jsx(Input, { ...restProps, size: size, type: "tel", value: display, onChange: handleInputChange, disabled: disabled, placeholder: placeholder ?? "(555) 555-5555", prefix: prefix, autoComplete: "tel-national" }));
+};
+export default PhoneInput;
+//# sourceMappingURL=index.js.map

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

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