@recruitnepal/shared-packages 1.5.0 → 1.7.0

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/cv/TemplatePicker.d.ts

@@ -0,0 +1,14 @@
+import type { TemplateData } from '../../types/template.types';
+import type { CvTemplateRegistry } from './TemplateRenderer';
+export declare function generateSampleTemplateData(seed: string): TemplateData;
+export type TemplatePickerProps = {
+    /** Template registry from the host app */
+    registry: CvTemplateRegistry;
+    /** Optional list of slugs to show; defaults to Object.keys(registry) */
+    allowedSlugs?: string[];
+    /** Optional display names: slug -> title */
+    slugTitles?: Record<string, string>;
+    onPicked: (slug: string) => void;
+};
+export default function TemplatePicker({ registry, allowedSlugs, slugTitles, onPicked, }: TemplatePickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TemplatePicker.d.ts.map

package/dist/components/cv/TemplatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/cv/TemplatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AA0B7D,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAqFrE;AAuED,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AA+BF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,YAAY,EACZ,UAAe,EACf,QAAQ,GACT,EAAE,mBAAmB,2CAwBrB"}

package/dist/components/cv/TemplatePicker.js

@@ -0,0 +1,161 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from 'react';
+import TemplateRenderer from './TemplateRenderer';
+const FIRST_NAMES = ['Prakash', 'Bikash', 'Nabin', 'Suresh', 'Raj', 'Amit', 'Kumar', 'Sita', 'Gita', 'Pooja'];
+const LAST_NAMES = ['Shrestha', 'Pradhan', 'Sharma', 'Pandey', 'Thapa', 'Karki', 'Gurung', 'Rai', 'Tamang', 'Lama'];
+const TITLES = ['Software Engineer', 'Data Scientist', 'Product Manager', 'Frontend Developer', 'Full Stack Engineer'];
+const COMPANIES = ['TechCorp', 'InnovateLab', 'Digital Solutions', 'Cloud Systems', 'Smart Solutions'];
+const CITIES = ['Kathmandu', 'Pokhara', 'Lalitpur', 'Bhaktapur', 'Biratnagar'];
+const INSTITUTIONS = ['Kathmandu University', 'Tribhuvan University', 'Pokhara University', 'NEC'];
+const DEGREES = ['B.E.', 'B.Sc.', 'M.Sc.', 'M.B.A.'];
+const FIELDS = ['Computer Engineering', 'Computer Science', 'Information Technology', 'Data Science'];
+const PROJECT_NAMES = ['E-Commerce Platform', 'Task Management System', 'Analytics Dashboard', 'Mobile Banking App'];
+const TECH_STACKS = [['React', 'Next.js', 'TypeScript'], ['Python', 'Django', 'PostgreSQL'], ['Node.js', 'Express', 'MongoDB']];
+function seededRandom(seed) {
+    let h = 0;
+    for (let i = 0; i < seed.length; i++) {
+        h = ((h << 5) - h + seed.charCodeAt(i)) | 0;
+    }
+    return function next() {
+        h = (Math.imul(1664525, h) + 1013904223) >>> 0;
+        return h / 0x100000000;
+    };
+}
+const pick = (rng, arr) => arr[Math.floor(rng() * arr.length)];
+export function generateSampleTemplateData(seed) {
+    const rng = seededRandom(seed);
+    const randomItem = (arr) => pick(rng, arr);
+    const firstName = randomItem(FIRST_NAMES);
+    const lastName = randomItem(LAST_NAMES);
+    const title = randomItem(TITLES);
+    const company = randomItem(COMPANIES);
+    const city = randomItem(CITIES);
+    const institution = randomItem(INSTITUTIONS);
+    const degree = randomItem(DEGREES);
+    const field = randomItem(FIELDS);
+    const projectName = randomItem(PROJECT_NAMES);
+    const techStack = randomItem(TECH_STACKS);
+    const currentYear = new Date().getFullYear();
+    const startYear = currentYear - Math.floor(rng() * 5) - 1;
+    const endYear = currentYear - Math.floor(rng() * 2);
+    const eduStartYear = startYear - 4;
+    const eduEndYear = startYear;
+    const gpa = (3.0 + rng() * 1.0).toFixed(1);
+    return {
+        personalInfo: {
+            firstName,
+            lastName,
+            title,
+            email: `${firstName.toLowerCase()}.${lastName.toLowerCase()}@example.com`,
+            phone: `+977-98${Math.floor(rng() * 10000000).toString().padStart(7, '0')}`,
+            location: { city },
+            summary: `${title} specializing in modern technologies.`,
+            links: [
+                { type: 'LinkedIn', label: `linkedin.com/in/${firstName.toLowerCase()}`, url: `https://linkedin.com/in/${firstName.toLowerCase()}` },
+            ],
+        },
+        sections: {
+            experience: [
+                {
+                    id: 'exp1',
+                    position: title,
+                    company,
+                    location: city,
+                    startDate: `${startYear}-01-01`,
+                    endDate: `${endYear}-12-31`,
+                    current: rng() > 0.5,
+                    description: `Responsible for developing solutions.`,
+                    highlights: ['Improved performance.', 'Led implementation.'],
+                },
+            ],
+            education: [
+                {
+                    id: 'edu1',
+                    degree,
+                    field,
+                    institution,
+                    location: city,
+                    startDate: `${eduStartYear}-01-01`,
+                    endDate: `${eduEndYear}-12-31`,
+                    current: false,
+                    gpa: `${gpa}/4.0`,
+                },
+            ],
+            projects: [
+                {
+                    id: 'prj1',
+                    name: projectName,
+                    description: `A comprehensive ${projectName.toLowerCase()} built with modern technologies.`,
+                    technologies: techStack,
+                    url: `https://example.com`,
+                    startDate: `${endYear - 1}-01-01`,
+                    endDate: `${endYear - 1}-10-01`,
+                    highlights: ['Implemented core features.', 'Deployed to production.'],
+                },
+            ],
+            skills: [
+                { id: 's1', category: 'Languages', skills: techStack.slice(0, 3).map((name) => ({ name })) },
+                { id: 's2', category: 'Tools', skills: ['Git', 'Docker', 'AWS'].map((name) => ({ name })) },
+            ],
+            certifications: [
+                { id: 'c1', name: 'AWS Certified Cloud Practitioner', issuer: 'AWS', date: `${endYear - 1}-06-01` },
+            ],
+            languages: [
+                { id: 'l1', language: 'English', proficiency: 'professional' },
+                { id: 'l2', language: 'Nepali', proficiency: 'native' },
+            ],
+        },
+    };
+}
+const MM_PER_IN = 25.4;
+const DPI = 96;
+const PDF_MARGINS_MM = { top: 10, bottom: 10, left: 10, right: 10 };
+const mmToPx = (mm) => (mm / MM_PER_IN) * DPI;
+const A4_W_PX = mmToPx(210);
+const A4_H_PX = mmToPx(297);
+const CONTENT_W_PX = A4_W_PX - mmToPx(PDF_MARGINS_MM.left + PDF_MARGINS_MM.right);
+const CONTENT_H_PX = A4_H_PX - mmToPx(PDF_MARGINS_MM.top + PDF_MARGINS_MM.bottom);
+function FitPreview({ registry, slug, data, }) {
+    const wrapRef = useRef(null);
+    const [scale, setScale] = useState(0.25);
+    useLayoutEffect(() => {
+        const update = () => {
+            const el = wrapRef.current;
+            if (!el)
+                return;
+            setScale(Math.max(0.1, el.clientWidth / CONTENT_W_PX));
+        };
+        update();
+        const ro = new ResizeObserver(update);
+        if (wrapRef.current)
+            ro.observe(wrapRef.current);
+        return () => ro.disconnect();
+    }, []);
+    return (_jsx("div", { ref: wrapRef, className: "relative w-full overflow-hidden rounded-xl bg-white", style: { aspectRatio: `${CONTENT_W_PX} / ${CONTENT_H_PX}` }, children: _jsx("div", { className: "absolute top-0 left-0", style: {
+                width: A4_W_PX,
+                height: A4_H_PX,
+                transform: `scale(${scale})`,
+                transformOrigin: 'top left',
+                pointerEvents: 'none',
+            }, children: _jsx("div", { style: {
+                    position: 'relative',
+                    width: '100%',
+                    height: '100%',
+                    paddingTop: mmToPx(PDF_MARGINS_MM.top),
+                    paddingBottom: mmToPx(PDF_MARGINS_MM.bottom),
+                    paddingLeft: mmToPx(PDF_MARGINS_MM.left),
+                    paddingRight: mmToPx(PDF_MARGINS_MM.right),
+                    boxSizing: 'border-box',
+                    overflow: 'hidden',
+                }, children: _jsx(TemplateRenderer, { registry: registry, slug: slug, data: data, printMode: true }) }) }) }));
+}
+function TemplateCard({ registry, slug, title, onPick, }) {
+    const [templateData] = useState(() => generateSampleTemplateData(slug));
+    return (_jsxs("button", { type: "button", onClick: () => onPick(slug), className: "w-full text-left rounded-2xl border bg-white hover:shadow-lg transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary", children: [_jsxs("div", { className: "p-4 border-b rounded-t-2xl", children: [_jsx("div", { className: "text-sm font-medium", children: title }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Click to select" })] }), _jsx("div", { className: "p-4", children: _jsx(FitPreview, { registry: registry, slug: slug, data: templateData }) })] }));
+}
+export default function TemplatePicker({ registry, allowedSlugs, slugTitles = {}, onPicked, }) {
+    const slugs = allowedSlugs ?? Object.keys(registry);
+    const titleFor = (slug) => slugTitles[slug] ?? slug.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+    return (_jsxs("div", { className: "custom-container py-8", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Select a CV Template" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Preview templates with sample data and pick one to start." })] }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6", children: slugs.map((slug) => (_jsx(TemplateCard, { registry: registry, slug: slug, title: titleFor(slug), onPick: onPicked }, slug))) })] }));
+}

package/dist/components/cv/TemplateRenderer.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { TemplateData, TemplateProps } from '../../types/template.types';
+/** Registry map: template slug -> component that receives TemplateProps */
+export type CvTemplateRegistry = Record<string, React.ComponentType<TemplateProps>>;
+export type TemplateRendererProps = {
+    /** Template registry provided by the host app (each project defines its own templates) */
+    registry: CvTemplateRegistry;
+    /** Template slug (e.g. 'modern', 'professional') */
+    slug: string;
+    /** CV data to render */
+    data: TemplateData;
+    printMode?: boolean;
+    className?: string;
+};
+/**
+ * Renders a CV template by slug using the registry provided by the host app.
+ * Host app must pass its own TEMPLATE_REGISTRY (no templates are shipped in the package).
+ */
+export default function TemplateRenderer({ registry, slug, data, printMode, className, }: TemplateRendererProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TemplateRenderer.d.ts.map

package/dist/components/cv/TemplateRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/cv/TemplateRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE9E,2EAA2E;AAC3E,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpF,MAAM,MAAM,qBAAqB,GAAG;IAClC,0FAA0F;IAC1F,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAiB,EACjB,SAAc,GACf,EAAE,qBAAqB,kDAOvB"}

package/dist/components/cv/TemplateRenderer.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders a CV template by slug using the registry provided by the host app.
+ * Host app must pass its own TEMPLATE_REGISTRY (no templates are shipped in the package).
+ */
+export default function TemplateRenderer({ registry, slug, data, printMode = false, className = '', }) {
+    const fallbackSlug = Object.keys(registry)[0] ?? 'modern';
+    const Comp = registry[slug] ?? registry[fallbackSlug];
+    if (!Comp) {
+        return null;
+    }
+    return _jsx(Comp, { data: data, printMode: printMode, className: className });
+}

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"}