@recruitnepal/shared-packages 1.6.0 → 1.7.1

package/dist/components/common/NoData.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type NoDataProps = {
+    message?: string;
+    description?: string;
+};
+export declare const NoData: React.FC<NoDataProps>;
+export {};
+//# sourceMappingURL=NoData.d.ts.map

package/dist/components/common/NoData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/common/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAcxC,CAAC"}

package/dist/components/common/NoData.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NoData = ({ message = 'No data found', description, }) => {
+    return (_jsx("div", { className: "w-full flex flex-col gap-2 items-center justify-center py-5", children: _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-gray-700", children: message }), description && (_jsx("p", { className: "text-gray-500 text-xs mt-1", children: description }))] }) }));
+};

package/dist/components/ui/BulletListTextarea.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const BULLET = "\u2022 ";
+declare function normalizeToArray(value: string[] | string | undefined | null): string[];
+declare function stripBullet(line: string): string;
+export interface BulletListTextareaProps {
+    /** Array of strings; each item is one bullet point. Empty array is treated as one empty line. */
+    value: string[] | string | undefined | null;
+    /** Called with array of strings (bullet prefixes stripped). */
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    rows?: number;
+    className?: string;
+    disabled?: boolean;
+    /** Optional hint text below the textarea. */
+    hint?: React.ReactNode;
+}
+declare const BulletListTextarea: React.ForwardRefExoticComponent<BulletListTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { BulletListTextarea, BULLET, stripBullet, normalizeToArray };
+//# sourceMappingURL=BulletListTextarea.d.ts.map

package/dist/components/ui/BulletListTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletListTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/BulletListTextarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,MAAM,YAAO,CAAC;AAEpB,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,EAAE,CAQ/E;AAED,iBAAS,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEzC;AAED,MAAM,WAAW,uBAAuB;IACtC,iGAAiG;IACjG,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC5C,+DAA+D;IAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,kBAAkB,qGA2EvB,CAAC;AAIF,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/BulletListTextarea.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../utils/cn';
+const BULLET = '• ';
+function normalizeToArray(value) {
+    if (Array.isArray(value)) {
+        return value.length > 0 ? value : [''];
+    }
+    if (typeof value === 'string' && value.trim()) {
+        return value.split(/\r?\n/).map((s) => s.trim()).filter(Boolean);
+    }
+    return [''];
+}
+function stripBullet(line) {
+    return line.replace(/^[•·]\s*/, '').trimEnd();
+}
+const BulletListTextarea = React.forwardRef(({ value, onChange, placeholder = `${BULLET}e.g. Built APIs`, rows = 5, className, disabled, hint, }, ref) => {
+    const items = normalizeToArray(value);
+    const textValue = items.map((line) => BULLET + line).join('\n');
+    const handleChange = (e) => {
+        const lines = e.target.value.split(/\r?\n/).map(stripBullet);
+        onChange(lines.length > 0 ? lines : ['']);
+    };
+    const handleKeyDown = (e) => {
+        const ta = e.currentTarget;
+        const start = ta.selectionStart;
+        const end = ta.selectionEnd;
+        const rawValue = ta.value;
+        const before = rawValue.slice(0, start);
+        const after = rawValue.slice(end);
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            const newText = before + '\n' + BULLET + after;
+            const newLines = newText.split(/\r?\n/).map(stripBullet);
+            onChange(newLines.length > 0 ? newLines : ['']);
+            const newCursor = start + '\n'.length + BULLET.length;
+            requestAnimationFrame(() => {
+                ta.selectionStart = ta.selectionEnd = newCursor;
+            });
+            return;
+        }
+        if (e.key === 'Backspace' && start === end) {
+            const lineStart = '\n' + BULLET;
+            if (before.endsWith(lineStart)) {
+                e.preventDefault();
+                const newText = before.slice(0, -lineStart.length) + after;
+                const newLines = newText.split(/\r?\n/).map(stripBullet);
+                onChange(newLines.length > 0 ? newLines : ['']);
+                const newCursor = before.length - lineStart.length;
+                requestAnimationFrame(() => {
+                    ta.selectionStart = ta.selectionEnd = newCursor;
+                });
+            }
+        }
+    };
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx("textarea", { ref: ref, placeholder: placeholder, value: textValue, onChange: handleChange, onKeyDown: handleKeyDown, rows: rows, disabled: disabled, className: cn('min-h-[120px] w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className) }), hint && _jsx("p", { className: "text-xs text-muted-foreground", children: hint })] }));
+});
+BulletListTextarea.displayName = 'BulletListTextarea';
+export { BulletListTextarea, BULLET, stripBullet, normalizeToArray };

package/dist/components/ui/DesignationSelect.d.ts

@@ -0,0 +1,13 @@
+export interface DesignationSelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    valueType?: 'id' | 'title';
+    /** Optional auth token (e.g. from useSessionStore) */
+    token?: string | null;
+}
+export default function DesignationSelect({ value, onChange, placeholder, disabled, className, valueType, // Default to title since most forms use title
+token, }: DesignationSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DesignationSelect.d.ts.map

package/dist/components/ui/DesignationSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignationSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/DesignationSelect.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAQD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,WAAoC,EACpC,QAAQ,EACR,SAAS,EACT,SAAmB,EAAE,8CAA8C;AACnE,KAAK,GACN,EAAE,sBAAsB,2CA6JxB"}

package/dist/components/ui/DesignationSelect.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronsUpDown, Check } from 'lucide-react';
+import { useDesignations } from '../../hooks/useDesignations';
+import { cn } from '../../utils/cn';
+import { useDebounce } from '../../hooks/useDebounce';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './command';
+/** Matches ShadCN <SelectTrigger> so it looks like a normal input */
+const selectTriggerClasses = 'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed cursor-pointer disabled:opacity-50';
+const toString = (v) => String(v ?? '');
+export default function DesignationSelect({ value, onChange, placeholder = 'Select a designation', disabled, className, valueType = 'title', // Default to title since most forms use title
+token, }) {
+    const [open, setOpen] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState('');
+    const debouncedSearch = useDebounce(searchQuery, 300);
+    // Use backend search when there's a search query; infinite query for load-more on scroll
+    const { designations = [], designationsQuery, isLoading, } = useDesignations({
+        queryObject: debouncedSearch ? { search: debouncedSearch } : {},
+        limit: 50,
+        token,
+    });
+    const handleListScroll = React.useCallback((e) => {
+        if (!designationsQuery.hasNextPage ||
+            designationsQuery.isFetchingNextPage)
+            return;
+        const el = e.currentTarget;
+        if (el.scrollHeight - el.scrollTop - el.clientHeight < 80) {
+            designationsQuery.fetchNextPage();
+        }
+    }, [
+        designationsQuery.hasNextPage,
+        designationsQuery.isFetchingNextPage,
+        designationsQuery.fetchNextPage,
+    ]);
+    const options = React.useMemo(() => designations.map((d) => ({
+        id: String(d.id),
+        title: d.title || String(d.id),
+    })), [designations]);
+    // Find selected option based on valueType
+    const selectedOption = React.useMemo(() => {
+        if (!value)
+            return null;
+        if (valueType === 'id') {
+            return options.find((o) => toString(o.id) === toString(value));
+        }
+        else {
+            return options.find((o) => o.title === value);
+        }
+    }, [value, options, valueType]);
+    const selectedLabel = selectedOption?.title || '';
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { role: "combobox", "aria-expanded": open, "aria-disabled": disabled || isLoading, tabIndex: 0, onClick: () => !(disabled || isLoading) && setOpen((v) => !v), onKeyDown: (e) => {
+                        if ((e.key === 'Enter' || e.key === ' ') && !(disabled || isLoading)) {
+                            e.preventDefault();
+                            setOpen((v) => !v);
+                        }
+                    }, className: cn(selectTriggerClasses, className, !selectedLabel && 'text-muted-foreground'), children: [_jsx("span", { className: "truncate", children: selectedLabel || placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { placeholder: "Search designation...", value: searchQuery, onValueChange: setSearchQuery }), _jsx("div", { className: "max-h-[260px] overflow-y-auto overflow-x-hidden", onScroll: handleListScroll, onWheelCapture: (e) => {
+                                const el = e.currentTarget;
+                                el.scrollTop += e.deltaY;
+                                e.preventDefault();
+                                e.stopPropagation();
+                            }, children: _jsx(CommandList, { className: "max-h-none overflow-visible", children: isLoading ? (_jsx("div", { className: "p-3 text-sm text-muted-foreground", children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(CommandEmpty, { children: debouncedSearch
+                                                ? 'No designations found. Try a different search term.'
+                                                : 'No designations available.' }), _jsxs(CommandGroup, { children: [options.map((o) => {
+                                                    const isSelected = valueType === 'id'
+                                                        ? toString(value) === toString(o.id)
+                                                        : value === o.title;
+                                                    return (_jsxs(CommandItem, { value: o.id, onSelect: () => {
+                                                            const newValue = valueType === 'id' ? o.id : o.title;
+                                                            onChange(newValue);
+                                                            setOpen(false);
+                                                            setSearchQuery('');
+                                                        }, className: "cursor-pointer", children: [_jsx(Check, { className: cn('mr-2 h-4 w-4', isSelected ? 'opacity-100' : 'opacity-0') }), o.title] }, o.id));
+                                                }), designationsQuery.hasNextPage && (_jsx("div", { className: "py-2 text-center text-muted-foreground text-xs", children: designationsQuery.isFetchingNextPage
+                                                        ? 'Loading more...'
+                                                        : '\u00A0' }))] })] })) }) })] }) })] }));
+}

package/dist/components/ui/IndustrySelect.d.ts

@@ -0,0 +1,13 @@
+export interface IndustrySelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    valueType?: 'id' | 'title';
+    /** Optional auth token (e.g. from useSessionStore) */
+    token?: string | null;
+}
+export default function IndustrySelect({ value, onChange, placeholder, disabled, className, valueType, // Default to ID for backward compatibility
+token, }: IndustrySelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IndustrySelect.d.ts.map

package/dist/components/ui/IndustrySelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndustrySelect.d.ts","sourceRoot":"","sources":["../../../src/components/ui/IndustrySelect.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IAC3B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,WAAkC,EAClC,QAAQ,EACR,SAAS,EACT,SAAgB,EAAE,2CAA2C;AAC7D,KAAK,GACN,EAAE,mBAAmB,2CA6JrB"}

package/dist/components/ui/IndustrySelect.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronsUpDown, Check } from 'lucide-react';
+import { useIndustries } from '../../hooks/useIndustries';
+import { cn } from '../../utils/cn';
+import { useDebounce } from '../../hooks/useDebounce';
+import { Popover, PopoverContent, PopoverTrigger } from './popover';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from './command';
+/** Matches ShadCN <SelectTrigger> so it looks like a normal input */
+const selectTriggerClasses = 'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed cursor-pointer disabled:opacity-50';
+const toString = (v) => String(v ?? '');
+export default function IndustrySelect({ value, onChange, placeholder = 'Select an industry', disabled, className, valueType = 'id', // Default to ID for backward compatibility
+token, }) {
+    const [open, setOpen] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState('');
+    const debouncedSearch = useDebounce(searchQuery, 300);
+    // Use backend search when there's a search query; infinite query for load-more on scroll
+    const { industries = [], industriesQuery, isLoading, } = useIndustries({
+        queryObject: debouncedSearch ? { search: debouncedSearch } : {},
+        limit: 50,
+        token,
+    });
+    const handleListScroll = React.useCallback((e) => {
+        if (!industriesQuery.hasNextPage ||
+            industriesQuery.isFetchingNextPage)
+            return;
+        const el = e.currentTarget;
+        if (el.scrollHeight - el.scrollTop - el.clientHeight < 80) {
+            industriesQuery.fetchNextPage();
+        }
+    }, [
+        industriesQuery.hasNextPage,
+        industriesQuery.isFetchingNextPage,
+        industriesQuery.fetchNextPage,
+    ]);
+    const options = React.useMemo(() => industries.map((i) => ({
+        id: String(i.id),
+        title: i.title || i.name || String(i.id),
+    })), [industries]);
+    // Find selected option based on valueType
+    const selectedOption = React.useMemo(() => {
+        if (!value)
+            return null;
+        if (valueType === 'id') {
+            return options.find((o) => toString(o.id) === toString(value));
+        }
+        else {
+            return options.find((o) => o.title === value);
+        }
+    }, [value, options, valueType]);
+    const selectedLabel = selectedOption?.title || '';
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { role: "combobox", "aria-expanded": open, "aria-disabled": disabled || isLoading, tabIndex: 0, onClick: () => !(disabled || isLoading) && setOpen((v) => !v), onKeyDown: (e) => {
+                        if ((e.key === 'Enter' || e.key === ' ') && !(disabled || isLoading)) {
+                            e.preventDefault();
+                            setOpen((v) => !v);
+                        }
+                    }, className: cn(selectTriggerClasses, className, !selectedLabel && 'text-muted-foreground'), children: [_jsx("span", { className: "truncate", children: selectedLabel || placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { className: "w-[var(--radix-popover-trigger-width)] p-0", align: "start", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { placeholder: "Search industry...", value: searchQuery, onValueChange: setSearchQuery }), _jsx("div", { className: "max-h-[260px] overflow-y-auto overflow-x-hidden", onScroll: handleListScroll, onWheelCapture: (e) => {
+                                const el = e.currentTarget;
+                                el.scrollTop += e.deltaY;
+                                e.preventDefault();
+                                e.stopPropagation();
+                            }, children: _jsx(CommandList, { className: "max-h-none overflow-visible", children: isLoading ? (_jsx("div", { className: "p-3 text-sm text-muted-foreground", children: "Loading\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(CommandEmpty, { children: debouncedSearch
+                                                ? 'No industries found. Try a different search term.'
+                                                : 'No industries available.' }), _jsxs(CommandGroup, { children: [options.map((o) => {
+                                                    const isSelected = valueType === 'id'
+                                                        ? toString(value) === toString(o.id)
+                                                        : value === o.title;
+                                                    return (_jsxs(CommandItem, { value: o.id, onSelect: () => {
+                                                            const newValue = valueType === 'id' ? o.id : o.title;
+                                                            onChange(newValue);
+                                                            setOpen(false);
+                                                            setSearchQuery('');
+                                                        }, className: "cursor-pointer", children: [_jsx(Check, { className: cn('mr-2 h-4 w-4', isSelected ? 'opacity-100' : 'opacity-0') }), o.title] }, o.id));
+                                                }), industriesQuery.hasNextPage && (_jsx("div", { className: "py-2 text-center text-muted-foreground text-xs", children: industriesQuery.isFetchingNextPage
+                                                        ? 'Loading more...'
+                                                        : '\u00A0' }))] })] })) }) })] }) })] }));
+}

package/dist/components/ui/MultiSelectOptions.d.ts

@@ -0,0 +1,18 @@
+import type { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
+import type { Skill } from '../../hooks/useSkills';
+type Props = {
+    value: string[];
+    onChange: (value: string[]) => void;
+    options: string[];
+    query?: UseInfiniteQueryResult<InfiniteData<{
+        data: Skill[];
+        nextPage: number | null;
+    }>, Error>;
+    disabled?: boolean;
+    staticOnly?: boolean;
+    /** Optional auth token (e.g. from useSessionStore) */
+    token?: string | null;
+};
+export declare function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly, token, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MultiSelectOptions.d.ts.map

package/dist/components/ui/MultiSelectOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MultiSelectOptions.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,YAAY,EACZ,sBAAsB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,sBAAsB,CAC5B,YAAY,CAAC;QAAE,IAAI,EAAE,KAAK,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC,EACxD,KAAK,CACN,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AA8BF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EAAE,aAAa,EACpB,QAAQ,EACR,UAAkB,EAClB,KAAK,GACN,EAAE,KAAK,2CA+KP"}

package/dist/components/ui/MultiSelectOptions.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverTrigger, PopoverContent, } from './popover';
+import { Command, CommandInput, CommandItem, CommandList, CommandGroup, CommandEmpty, } from './command';
+import { X } from 'lucide-react';
+import { useEffect, useState, useMemo, useRef } from 'react';
+import { useSkills } from '../../hooks/useSkills';
+// Sub-component for badges
+function SelectedBadges({ skills, removeSkill, }) {
+    return (_jsx("div", { className: "flex flex-wrap gap-1 w-full", children: skills.map((skill) => (_jsxs("span", { className: "flex items-center gap-1 px-1.5 py-0.5 rounded-lg bg-primary text-white text-[11px] leading-tight sm:text-xs max-w-full break-words", children: [_jsx("span", { className: "inline-block max-w-[72vw] sm:max-w-full overflow-hidden text-ellipsis", children: skill }), _jsx(X, { className: "w-3 h-3 cursor-pointer shrink-0", onClick: (e) => removeSkill(skill, e) })] }, skill))) }));
+}
+export function MultiSelectOptions({ value, onChange, options, query: externalQuery, disabled, staticOnly = false, token, }) {
+    const [open, setOpen] = useState(false);
+    const [search, setSearch] = useState('');
+    const [debouncedSearch, setDebouncedSearch] = useState('');
+    const loadMoreRef = useRef(null);
+    // Debounce search input to reduce API calls
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setDebouncedSearch(search.trim());
+        }, 300); // 300ms debounce delay
+        return () => clearTimeout(timer);
+    }, [search]);
+    // Use internal query with search if no external query provided, or if search is active
+    // If external query is provided and no search, use it for backward compatibility
+    // Skip API query if staticOnly is true
+    const shouldUseInternalQuery = !staticOnly && (!externalQuery || debouncedSearch.length > 0);
+    const internalSkills = useSkills({
+        // Optimized for initial load: small batch, loads more via infinite scroll
+        limit: debouncedSearch ? 50 : 20, // 50 when searching, 20 for initial load
+        batchSize: 1, // Single page per load for faster response
+        queryObject: debouncedSearch ? { search: debouncedSearch } : {},
+        token,
+    });
+    // Use internal query when searching, otherwise use external query if provided
+    // If staticOnly, don't use any query
+    const query = staticOnly ? undefined : (shouldUseInternalQuery ? internalSkills.skillsQuery : externalQuery);
+    // Combine static + API options (no client-side filtering needed - backend handles it)
+    // If staticOnly, filter client-side based on search
+    const combinedOptions = useMemo(() => {
+        if (staticOnly) {
+            // Client-side filtering for static options only
+            const lowerSearch = debouncedSearch.toLowerCase();
+            const filtered = options.filter((opt) => opt.toLowerCase().includes(lowerSearch));
+            return filtered;
+        }
+        // Original behavior: combine static + API options
+        const apiOptions = query?.data?.pages.flatMap((page) => page.data?.map((s) => s.skill).filter(Boolean)) || [];
+        return Array.from(new Set([...options, ...apiOptions]));
+    }, [options, query?.data, staticOnly, debouncedSearch]);
+    // Reset search when popover closes
+    useEffect(() => {
+        if (!open) {
+            setSearch('');
+            setDebouncedSearch('');
+        }
+    }, [open]);
+    // Infinite scroll using IntersectionObserver
+    useEffect(() => {
+        if (!loadMoreRef.current || !query?.hasNextPage || query?.isFetchingNextPage)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0]?.isIntersecting) {
+                query.fetchNextPage?.();
+            }
+        }, { threshold: 0.1 });
+        observer.observe(loadMoreRef.current);
+        return () => observer.disconnect();
+    }, [query?.hasNextPage, query?.isFetchingNextPage, query]);
+    // Handlers
+    const toggleSkill = (skill) => onChange(value.includes(skill)
+        ? value.filter((s) => s !== skill)
+        : [...value, skill]);
+    const removeSkill = (skill, e) => {
+        e.stopPropagation();
+        onChange(value.filter((s) => s !== skill));
+    };
+    const trimmedSearch = search.trim();
+    // No client-side filtering needed - backend handles search
+    // Just check if we can add custom option
+    const canAddCustom = trimmedSearch &&
+        !combinedOptions.includes(trimmedSearch) &&
+        !value.includes(trimmedSearch);
+    return (_jsx("div", { className: "w-full", children: _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { disabled: disabled, asChild: true, children: _jsx("button", { type: "button", className: "w-full min-h-10 justify-start border border-slate-200 rounded-md bg-background px-2 py-1 h-auto text-left hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50", children: value.length > 0 ? (_jsx(SelectedBadges, { skills: value, removeSkill: removeSkill })) : (_jsx("span", { className: "text-muted-foreground", children: "Select Options" })) }) }), _jsx(PopoverContent, { className: "max-w-sm max-h-[300px] overflow-y-auto p-0", children: _jsxs(Command, { shouldFilter: false, children: [_jsx(CommandInput, { value: search, onValueChange: setSearch, placeholder: "Search or add..." }), _jsxs(CommandList, { className: "max-h-[250px] overflow-y-auto", children: [!staticOnly && query?.isFetching && combinedOptions.length === 0 && (_jsx("div", { className: "text-center text-muted-foreground text-xs py-4", children: "Searching..." })), _jsxs(CommandGroup, { children: [combinedOptions.map((skill) => (_jsx(CommandItem, { onSelect: () => toggleSkill(skill), className: "cursor-pointer", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "checkbox", checked: value.includes(skill), readOnly: true, className: "accent-primary" }), _jsx("span", { children: skill })] }) }, skill))), canAddCustom && (_jsxs(CommandItem, { onSelect: () => toggleSkill(trimmedSearch), className: "cursor-pointer text-primary space-x-2", children: [_jsx("span", { className: "px-2 py-0.5 bg-green-600 hover:bg-green-500 rounded-sm text-xs text-white", children: "Add" }), _jsx("span", { children: trimmedSearch })] }))] }), combinedOptions.length === 0 && !canAddCustom && (!staticOnly && !query?.isFetching) && (_jsx(CommandEmpty, { children: "No matches found." })), !staticOnly && query?.hasNextPage && !query?.isFetching && (_jsx("div", { ref: loadMoreRef, className: "text-center text-muted-foreground text-xs py-2", children: "Loading more..." }))] })] }) })] }) }));
+}

package/dist/components/ui/RatingStars.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type RatingStarsProps = {
+    value?: number;
+    onChange?: (v: number) => void;
+    "aria-label"?: string;
+    disabled?: boolean;
+};
+export declare const RatingStars: React.FC<RatingStarsProps>;
+export {};
+//# sourceMappingURL=RatingStars.d.ts.map

package/dist/components/ui/RatingStars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingStars.d.ts","sourceRoot":"","sources":["../../../src/components/ui/RatingStars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ClD,CAAC"}

package/dist/components/ui/RatingStars.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const RatingStars = ({ value = 0, onChange, disabled, ...rest }) => {
+    return (_jsx("div", { className: "flex items-center gap-1 text-yellow-500", role: "radiogroup", ...rest, children: Array.from({ length: 5 }).map((_, i) => {
+            const n = i + 1;
+            const filled = n <= (value ?? 0);
+            return (_jsx("button", { type: "button", role: "radio", "aria-checked": filled, disabled: disabled, onClick: () => onChange?.(n), className: disabled
+                    ? "opacity-50 cursor-not-allowed h-6 w-6 grid place-items-center rounded"
+                    : "h-6 w-6 grid place-items-center rounded hover:scale-105", children: _jsx("span", { className: filled ? "text-current" : "", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }) }) }, n));
+        }) }));
+};

package/dist/components/ui/command.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, };
+//# sourceMappingURL=command.d.ts.map

package/dist/components/ui/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../src/components/ui/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;0FAehB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;sFAef,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAC;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;sFAYhB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAYf,CAAC;AAGH,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,CAAC"}

package/dist/components/ui/command.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Search } from 'lucide-react';
+import { cn } from '../../utils/cn';
+const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className), ...props })));
+Command.displayName = CommandPrimitive.displayName;
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (_jsxs("div", { className: "flex items-center border-b px-3", children: [_jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] })));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+const CommandList = React.forwardRef(({ className, onWheel, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), onWheel: (e) => {
+        const el = e.currentTarget;
+        el.scrollTop += e.deltaY;
+        e.preventDefault();
+        onWheel?.(e);
+    }, ...props })));
+CommandList.displayName = CommandPrimitive.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className), ...props })));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50', className), ...props })));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, };

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components/ui/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/popover.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../utils/cn';
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('!z-[20050] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounce<T>(value: T, delay?: number): T;
+//# sourceMappingURL=useDebounce.d.ts.map

package/dist/hooks/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAE,MAAY,GAAG,CAAC,CAS/D"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,9 @@
+import { useEffect, useState } from 'react';
+export function useDebounce(value, delay = 300) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+}