@appcorp/shadcn 2.0.0 → 2.0.2

package/components/app-sidebar.js

@@ -1,34 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { NavMain } from "./nav-main";
-import { NavProjects } from "./nav-projects";
-import { NavUser } from "./nav-user";
-import { TeamSwitcher } from "./team-switcher";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "./sidebar";
-export const AppSidebar = (_a) => {
-    var props = __rest(_a, []);
-    return (React.createElement(Sidebar, { collapsible: "icon" },
-        React.createElement(SidebarHeader, null,
-            React.createElement(TeamSwitcher, { profiles: props.profiles })),
-        React.createElement(SidebarContent, null,
-            React.createElement(NavMain, { items: props.navItems }),
-            React.createElement(NavProjects, { apps: props.apps, offerUrl: props.offerUrl })),
-        React.createElement(SidebarFooter, null,
-            React.createElement(NavUser, { footerNavItems: props.footerNavItems, handleSignOut: props.handleSignOut, user: {
-                    email: props.email,
-                    name: props.username,
-                    avatar: props.avatar,
-                } })),
-        React.createElement(SidebarRail, null)));
-};
+"use strict";"use client";var l=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]]);return n};import a from"react";import{NavMain as m}from"./nav-main";import{NavProjects as i}from"./nav-projects";import{NavUser as p}from"./nav-user";import{TeamSwitcher as c}from"./team-switcher";import{Sidebar as f,SidebarContent as s,SidebarFooter as u,SidebarHeader as b,SidebarRail as v}from"./sidebar";export const AppSidebar=t=>{var e=l(t,[]);return a.createElement(f,{collapsible:"icon"},a.createElement(b,null,a.createElement(c,{profiles:e.profiles})),a.createElement(s,null,a.createElement(m,{items:e.navItems}),a.createElement(i,{apps:e.apps,offerUrl:e.offerUrl})),a.createElement(u,null,a.createElement(p,{footerNavItems:e.footerNavItems,handleSignOut:e.handleSignOut,user:{email:e.email,name:e.username,avatar:e.avatar}})),a.createElement(v,null))};

package/components/audio.js

@@ -1,13 +1 @@
-"use client";
-import React from "react";
-import { Button } from "./ui/button";
-import { EnhancedLabel } from "./enhanced-label";
-export const AudioControl = ({ audioUrl, id, label, onDelete, onGenerate, required = false, }) => {
-    return (React.createElement("div", { className: "space-y-2" },
-        label && (React.createElement(EnhancedLabel, { htmlFor: id, required: required }, label)),
-        !audioUrl && (React.createElement("div", { className: "flex gap-2" },
-            React.createElement(Button, { type: "button", onClick: onGenerate, variant: "outline", className: "flex-1" }, "Generate Audio"),
-            React.createElement(Button, { type: "button", onClick: onDelete, variant: "destructive", className: "flex-1" }, "Delete Audio"))),
-        audioUrl && (React.createElement("div", { className: "mt-2 rounded-md border border-gray-200 bg-gray-50 p-3" },
-            React.createElement("audio", { controls: true, className: "w-full", src: audioUrl }, "Your browser does not support the audio element.")))));
-};
+"use strict";"use client";import e from"react";import{Button as a}from"./ui/button";import{EnhancedLabel as m}from"./enhanced-label";export const AudioControl=({audioUrl:t,id:o,label:r,onDelete:n,onGenerate:l,required:c=!1})=>e.createElement("div",{className:"space-y-2"},r&&e.createElement(m,{htmlFor:o,required:c},r),!t&&e.createElement("div",{className:"flex gap-2"},e.createElement(a,{type:"button",onClick:l,variant:"outline",className:"flex-1"},"Generate Audio"),e.createElement(a,{type:"button",onClick:n,variant:"destructive",className:"flex-1"},"Delete Audio")),t&&e.createElement("div",{className:"mt-2 rounded-md border border-gray-200 bg-gray-50 p-3"},e.createElement("audio",{controls:!0,className:"w-full",src:t},"Your browser does not support the audio element.")));

package/components/dashboard.js

@@ -1,29 +1 @@
-import React, { Fragment } from "react";
-import { RefreshCw } from "lucide-react";
-import { AppSidebar } from "./app-sidebar";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, } from "./ui/breadcrumb";
-import { Separator } from "./ui/separator";
-import { SidebarInset, SidebarProvider, SidebarTrigger } from "./sidebar";
-import { ThemeSwitcher } from "./ui/theme-switcher";
-import { Button } from "./ui/button";
-import { LanguageSelector } from "./ui/language-selector";
-export const Dashboard = ({ apps, avatar, breadcrumbs, children, clearBrowserCache, email, footerNavItems, handleSignOut, locale, navItems, offerUrl, onLocaleChange, profiles, showLanguageSelector, username, }) => {
-    return (React.createElement(SidebarProvider, null,
-        React.createElement(AppSidebar, { apps: apps, avatar: avatar, email: email, footerNavItems: footerNavItems, handleSignOut: handleSignOut, navItems: navItems, offerUrl: offerUrl, profiles: profiles, username: username }),
-        React.createElement(SidebarInset, null,
-            React.createElement("header", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
-                React.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    React.createElement(SidebarTrigger, { className: "-ml-1" }),
-                    React.createElement(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }),
-                    React.createElement(Breadcrumb, null,
-                        React.createElement(BreadcrumbList, { className: "[&>*:last-child]:hidden" }, breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map((breadcrumb) => (React.createElement(Fragment, { key: breadcrumb.label },
-                            React.createElement(BreadcrumbItem, { className: "hidden md:block" },
-                                React.createElement(BreadcrumbLink, { href: breadcrumb.href }, breadcrumb.label)),
-                            React.createElement(BreadcrumbSeparator, { className: "hidden md:block" }))))))),
-                React.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    showLanguageSelector && (React.createElement(LanguageSelector, { value: locale, onChange: onLocaleChange })),
-                    clearBrowserCache && (React.createElement(Button, { variant: "ghost", size: "icon", "aria-label": "Clear browser cache", title: "Clear browser cache", onClick: clearBrowserCache, "data-slot": "clear-cache-button" },
-                        React.createElement(RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }))),
-                    React.createElement(ThemeSwitcher, null))),
-            children)));
-};
+"use strict";import e,{Fragment as b}from"react";import{RefreshCw as g}from"lucide-react";import{AppSidebar as v}from"./app-sidebar";import{Breadcrumb as N,BreadcrumbItem as S,BreadcrumbLink as w,BreadcrumbList as k,BreadcrumbSeparator as x}from"./ui/breadcrumb";import{Separator as B}from"./ui/separator";import{SidebarInset as C,SidebarProvider as I,SidebarTrigger as L}from"./sidebar";import{ThemeSwitcher as y}from"./ui/theme-switcher";import{Button as R}from"./ui/button";import{LanguageSelector as T}from"./ui/language-selector";export const Dashboard=({apps:l,avatar:m,breadcrumbs:a,children:n,clearBrowserCache:r,email:i,footerNavItems:o,handleSignOut:c,locale:s,navItems:d,offerUrl:p,onLocaleChange:h,profiles:f,showLanguageSelector:E,username:u})=>e.createElement(I,null,e.createElement(v,{apps:l,avatar:m,email:i,footerNavItems:o,handleSignOut:c,navItems:d,offerUrl:p,profiles:f,username:u}),e.createElement(C,null,e.createElement("header",{className:"flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12"},e.createElement("div",{className:"flex items-center gap-2 px-4"},e.createElement(L,{className:"-ml-1"}),e.createElement(B,{orientation:"vertical",className:"mr-2 data-[orientation=vertical]:h-4"}),e.createElement(N,null,e.createElement(k,{className:"[&>*:last-child]:hidden"},a?.map(t=>e.createElement(b,{key:t.label},e.createElement(S,{className:"hidden md:block"},e.createElement(w,{href:t.href},t.label)),e.createElement(x,{className:"hidden md:block"})))))),e.createElement("div",{className:"flex items-center gap-2 px-4"},E&&e.createElement(T,{value:s,onChange:h}),r&&e.createElement(R,{variant:"ghost",size:"icon","aria-label":"Clear browser cache",title:"Clear browser cache",onClick:r,"data-slot":"clear-cache-button"},e.createElement(g,{className:"h-4 w-4","aria-hidden":"true"})),e.createElement(y,null))),n));

package/components/drawer-generic.js

@@ -1,39 +1 @@
-"use client";
-import { Drawer as ShadcnDrawer, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, } from "../components/ui/drawer";
-import { X } from "lucide-react";
-import { Button } from "../components/ui/button";
-import React from "react";
-import { Separator } from "../components/ui/separator";
-import { cn } from "../lib/utils";
-export const DrawerGeneric = ({ direction = "right", filterDrawer, filterDrawerFooter, filterDrawerHeader, formDrawer, formDrawerFooter, formDrawerHeader, moreActionsDrawer, moreActionsDrawerFooter, moreActionsDrawerHeader, onOpenChange, open, viewDrawer, viewDrawerFooter, viewDrawerHeader, width = "small", }) => {
-    const widthClass = {
-        small: "w-[400px]",
-        medium: "w-[700px]",
-        large: "w-[1000px]",
-        full: "w-screen",
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ShadcnDrawer, { direction: direction, onOpenChange: onOpenChange, open: open },
-            React.createElement(DrawerContent, { className: cn("", widthClass[width]) },
-                React.createElement(DrawerHeader, { className: "flex flex-row justify-center items-start" },
-                    React.createElement("div", { className: "w-full" },
-                        moreActionsDrawerHeader,
-                        filterDrawerHeader,
-                        formDrawerHeader,
-                        viewDrawerHeader),
-                    React.createElement(DrawerClose, { asChild: true },
-                        React.createElement(Button, { size: "icon", variant: "ghost", className: "h-8 w-8" },
-                            React.createElement(X, { className: "h-4 w-4" })))),
-                React.createElement(Separator, null),
-                React.createElement("div", { className: "overflow-y-auto p-4 flex-1" },
-                    moreActionsDrawer,
-                    filterDrawer,
-                    formDrawer,
-                    viewDrawer),
-                React.createElement(Separator, null),
-                React.createElement(DrawerFooter, null,
-                    moreActionsDrawerFooter,
-                    filterDrawerFooter,
-                    formDrawerFooter,
-                    viewDrawerFooter)))));
-};
+"use strict";"use client";import{Drawer as D,DrawerClose as N,DrawerContent as g,DrawerHeader as C,DrawerFooter as v}from"../components/ui/drawer";import{X as y}from"lucide-react";import{Button as F}from"../components/ui/button";import e from"react";import{Separator as r}from"../components/ui/separator";import{cn as S}from"../lib/utils";export const DrawerGeneric=({direction:t="right",filterDrawer:a,filterDrawerFooter:l,filterDrawerHeader:m,formDrawer:n,formDrawerFooter:o,formDrawerHeader:c,moreActionsDrawer:s,moreActionsDrawerFooter:i,moreActionsDrawerHeader:w,onOpenChange:p,open:f,viewDrawer:u,viewDrawerFooter:E,viewDrawerHeader:d,width:h="small"})=>{const x={small:"w-[400px]",medium:"w-[700px]",large:"w-[1000px]",full:"w-screen"};return e.createElement(e.Fragment,null,e.createElement(D,{direction:t,onOpenChange:p,open:f},e.createElement(g,{className:S("",x[h])},e.createElement(C,{className:"flex flex-row justify-center items-start"},e.createElement("div",{className:"w-full"},w,m,c,d),e.createElement(N,{asChild:!0},e.createElement(F,{size:"icon",variant:"ghost",className:"h-8 w-8"},e.createElement(y,{className:"h-4 w-4"})))),e.createElement(r,null),e.createElement("div",{className:"overflow-y-auto p-4 flex-1"},s,a,n,u),e.createElement(r,null),e.createElement(v,null,i,l,o,E))))};

package/components/enhanced-checkbox.js

@@ -1,39 +1 @@
-"use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { cn } from "../lib/utils";
-import { Checkbox } from "./ui/checkbox";
-import { EnhancedLabel } from "./enhanced-label";
-const EnhancedCheckbox = React.forwardRef((_a, ref) => {
-    var { className, error, info, label, id, testId } = _a, props = __rest(_a, ["className", "error", "info", "label", "id", "testId"]);
-    // Determine if there's an error (for aria-invalid and styling)
-    const hasError = Boolean(error);
-    const checkboxElement = (React.createElement(Checkbox, Object.assign({ ref: ref, id: id, "data-slot": "checkbox", "data-testid": testId, "aria-invalid": hasError, className: cn(
-        // Error state styling
-        hasError &&
-            "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props)));
-    // If label is provided, render the complete checkbox with label structure
-    if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2" },
-            React.createElement("div", { className: "flex items-center space-x-2" },
-                checkboxElement,
-                React.createElement(EnhancedLabel, { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, label)),
-            (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-    }
-    // If no label, render just the checkbox with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full" },
-        checkboxElement,
-        (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-});
-EnhancedCheckbox.displayName = "EnhancedCheckbox";
-export { EnhancedCheckbox };
+"use strict";"use client";var b=function(a,c){var l={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&c.indexOf(e)<0&&(l[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(a);t<e.length;t++)c.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(a,e[t])&&(l[e[t]]=a[e[t]]);return l};import*as r from"react";import{cn as f}from"../lib/utils";import{Checkbox as p}from"./ui/checkbox";import{EnhancedLabel as x}from"./enhanced-label";const d=r.forwardRef((a,c)=>{var{className:l,error:e,info:t,label:s,id:n,testId:m}=a,u=b(a,["className","error","info","label","id","testId"]);const o=!!e,i=r.createElement(p,Object.assign({ref:c,id:n,"data-slot":"checkbox","data-testid":m,"aria-invalid":o,className:f(o&&"data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",l)},u));return s?r.createElement("div",{className:"w-full space-y-2"},r.createElement("div",{className:"flex items-center space-x-2"},i,r.createElement(x,{htmlFor:n,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},s)),(e||t)&&r.createElement("div",null,e?r.createElement("p",{className:"text-xs text-destructive"},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},t):null)):r.createElement("div",{className:"w-full"},i,(e||t)&&r.createElement("div",null,e?r.createElement("p",{className:"text-xs text-destructive"},e):t?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},t):null))});d.displayName="EnhancedCheckbox";export{d as EnhancedCheckbox};

package/components/enhanced-combobox.js

@@ -1,271 +1 @@
-"use client";
-import React, { useState, useRef, useEffect, useCallback } from "react";
-import { Check, ChevronsUpDown, ChevronUp, ChevronDown } from "lucide-react";
-import { cn } from "../lib/utils";
-import { Button } from "./ui/button";
-import { EnhancedLabel } from "./enhanced-label";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, } from "./ui/command";
-import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover";
-function VirtualizedList({ options, selectedValue, onSelect, scrollContainer, testIdOptionPrefix, }) {
-    const [visibleRange, setVisibleRange] = useState({
-        start: 0,
-        end: Math.min(options.length, 25), // Increased initial visible items
-    });
-    const handleScroll = useCallback(() => {
-        if (!scrollContainer.current)
-            return;
-        const { scrollTop, clientHeight } = scrollContainer.current;
-        const itemHeight = 32; // Approximate item height
-        const containerHeight = clientHeight;
-        // Calculate visible range with proper bounds checking
-        const start = Math.max(0, Math.floor(scrollTop / itemHeight));
-        const visibleCount = Math.ceil(containerHeight / itemHeight);
-        const bufferSize = Math.min(10, Math.ceil(visibleCount * 0.5)); // Dynamic buffer
-        const end = Math.min(options.length, start + visibleCount + bufferSize);
-        const newRange = {
-            start: Math.max(0, start - bufferSize),
-            end: end,
-        };
-        // Only update if the range actually changed to prevent unnecessary re-renders
-        setVisibleRange((prevRange) => {
-            if (prevRange.start !== newRange.start ||
-                prevRange.end !== newRange.end) {
-                return newRange;
-            }
-            return prevRange;
-        });
-    }, [options.length, scrollContainer]);
-    useEffect(() => {
-        const container = scrollContainer.current;
-        if (container) {
-            // Add scroll listener with passive option for better performance
-            container.addEventListener("scroll", handleScroll, { passive: true });
-            // Also listen to parent containers that might interfere (like drawer)
-            let parentContainer = container.parentElement;
-            const parentScrollHandler = () => handleScroll();
-            while (parentContainer) {
-                const hasOverflow = getComputedStyle(parentContainer).overflowY;
-                if (hasOverflow === "auto" || hasOverflow === "scroll") {
-                    parentContainer.addEventListener("scroll", parentScrollHandler, {
-                        passive: true,
-                    });
-                    break;
-                }
-                parentContainer = parentContainer.parentElement;
-            }
-            return () => {
-                container.removeEventListener("scroll", handleScroll);
-                if (parentContainer) {
-                    parentContainer.removeEventListener("scroll", parentScrollHandler);
-                }
-            };
-        }
-    }, [handleScroll, scrollContainer]);
-    // Reset visible range when options change (e.g., due to search filtering)
-    useEffect(() => {
-        const newEnd = Math.min(options.length, 25);
-        setVisibleRange(() => {
-            // Force update if options changed
-            return {
-                start: 0,
-                end: newEnd,
-            };
-        });
-        // Reset scroll position when options change
-        if (scrollContainer.current) {
-            scrollContainer.current.scrollTop = 0;
-        }
-    }, [options.length, options, scrollContainer]); // Watch both length and options array
-    // Ensure we always have valid visible range
-    const safeStart = Math.max(0, Math.min(visibleRange.start, options.length - 1));
-    const safeEnd = Math.max(safeStart + 1, Math.min(visibleRange.end, options.length));
-    const visibleOptions = options.slice(safeStart, safeEnd);
-    const topSpacer = safeStart * 32; // Approximate item height
-    const bottomSpacer = Math.max(0, (options.length - safeEnd) * 32);
-    return (React.createElement(React.Fragment, null,
-        topSpacer > 0 && React.createElement("div", { style: { height: topSpacer } }),
-        visibleOptions.map((option, index) => (React.createElement(CommandItem, { key: `${option.value}-${safeStart + index}`, value: option.label, onSelect: () => onSelect(option.value), "data-testid": `${testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option"}-${option.value}`, className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center" },
-            React.createElement(Check, { className: cn("mr-2 h-4 w-4", selectedValue === option.value ? "opacity-100" : "opacity-0") }),
-            React.createElement("span", { className: "truncate" }, option.label)))),
-        bottomSpacer > 0 && React.createElement("div", { style: { height: bottomSpacer } })));
-}
-export function EnhancedCombobox({ className, disabled = false, emptyText = "No options found.", error, id, info, label, loading = false, maxHeight = 256, onSearchChange, onValueChange, options = [], placeholder = "Select option...", required = false, searchPlaceholder = "Search...", showScrollIndicators = true, value, virtualizeThreshold = 50, testIdTrigger, testIdSearchInput, testIdPopoverContent, testIdEmpty, testIdList, testIdOptionPrefix, testIdScrollUp, testIdScrollDown, }) {
-    const [open, setOpen] = useState(false);
-    const [searchValue, setSearchValue] = useState("");
-    const [canScrollUp, setCanScrollUp] = useState(false);
-    const [canScrollDown, setCanScrollDown] = useState(false);
-    const scrollContainerRef = useRef(null);
-    const selectedOption = options.find((option) => option.value === value);
-    const shouldVirtualize = options.length > virtualizeThreshold;
-    // Filter options based on search - always handle filtering at this level for virtualization
-    const filteredOptions = React.useMemo(() => {
-        if (!searchValue) {
-            // No search query, return all options
-            return options;
-        }
-        if (onSearchChange && shouldVirtualize) {
-            // For virtualized lists with external search, let external handler manage it
-            // but still return all current options as they're already filtered externally
-            return options;
-        }
-        if (onSearchChange && !shouldVirtualize) {
-            // Non-virtualized with external search - let external handler manage
-            return options;
-        }
-        // Local filtering for non-external search or as fallback
-        return options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()));
-    }, [options, searchValue, onSearchChange, shouldVirtualize]);
-    const handleSearchChange = (search) => {
-        setSearchValue(search);
-        onSearchChange === null || onSearchChange === void 0 ? void 0 : onSearchChange(search);
-    };
-    const handleSelect = (selectedValue) => {
-        if (selectedValue === value) {
-            onValueChange("");
-        }
-        else {
-            onValueChange(selectedValue);
-        }
-        setOpen(false);
-        setSearchValue("");
-    };
-    // Handle scroll indicators
-    const updateScrollIndicators = () => {
-        if (!scrollContainerRef.current)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
-        setCanScrollUp(scrollTop > 0);
-        setCanScrollDown(scrollTop < scrollHeight - clientHeight - 1);
-    };
-    // Update scroll indicators when options change or component opens
-    useEffect(() => {
-        if (open) {
-            // Small delay to ensure DOM is updated
-            setTimeout(updateScrollIndicators, 10);
-        }
-    }, [open, options]);
-    const scrollToTop = () => {
-        var _a;
-        (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0, behavior: "smooth" });
-    };
-    const scrollToBottom = () => {
-        if (!scrollContainerRef.current)
-            return;
-        const { scrollHeight } = scrollContainerRef.current;
-        scrollContainerRef.current.scrollTo({
-            top: scrollHeight,
-            behavior: "smooth",
-        });
-    };
-    const comboboxElement = (React.createElement(Popover, { open: open, onOpenChange: setOpen, modal: true },
-        React.createElement(PopoverTrigger, { asChild: true },
-            React.createElement(Button, { id: id, "data-testid": testIdTrigger, variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: cn("w-full justify-between", !selectedOption && "text-muted-foreground", className) },
-                (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder,
-                React.createElement(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" }))),
-        React.createElement(PopoverContent, { "data-testid": testIdPopoverContent, className: "w-[var(--radix-popover-trigger-width)] p-0", side: "bottom", align: "start", avoidCollisions: true, collisionPadding: 8, style: { zIndex: 1000 }, onOpenAutoFocus: (e) => e.preventDefault() },
-            React.createElement(Command, { shouldFilter: false },
-                React.createElement(CommandInput, { "data-slot": "command-input", "data-testid": testIdSearchInput, placeholder: searchPlaceholder, value: searchValue, onValueChange: handleSearchChange }),
-                React.createElement(CommandEmpty, { "data-slot": "command-empty", "data-testid": testIdEmpty }, loading ? (React.createElement("div", { className: "flex items-center justify-center py-6" },
-                    React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-primary" }),
-                    React.createElement("span", { className: "ml-2 text-sm" }, "Searching..."))) : (emptyText)),
-                React.createElement("div", { className: "relative" },
-                    showScrollIndicators && canScrollUp && (React.createElement("div", { className: "absolute top-0 left-0 right-0 z-10 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none" },
-                        React.createElement("button", { "data-testid": testIdScrollUp, onClick: scrollToTop, className: "absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to top" },
-                            React.createElement(ChevronUp, { className: "h-3 w-3" })))),
-                    React.createElement(CommandGroup, { "data-testid": testIdList, ref: scrollContainerRef, className: cn("overflow-y-auto smooth-scroll", "scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40", "scroll-smooth", filteredOptions.length > 10 && "pb-2" // Extra padding for many options
-                        ), style: { maxHeight: `${maxHeight}px` }, onScroll: updateScrollIndicators }, shouldVirtualize &&
-                        filteredOptions.length > virtualizeThreshold ? (
-                    // Virtualized rendering for large lists
-                    React.createElement(VirtualizedList, { options: filteredOptions, selectedValue: value, onSelect: handleSelect, scrollContainer: scrollContainerRef, testIdOptionPrefix: testIdOptionPrefix })) : (
-                    // Regular rendering for smaller lists or filtered results
-                    filteredOptions.map((option) => (React.createElement(CommandItem, { key: option.value, value: option.label, onSelect: () => handleSelect(option.value), "data-testid": `${testIdOptionPrefix !== null && testIdOptionPrefix !== void 0 ? testIdOptionPrefix : "combobox-option"}-${option.value}`, className: "cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors" },
-                        React.createElement(Check, { className: cn("mr-2 h-4 w-4", value === option.value ? "opacity-100" : "opacity-0") }),
-                        React.createElement("span", { className: "truncate" }, option.label)))))),
-                    showScrollIndicators && canScrollDown && (React.createElement("div", { className: "absolute bottom-0 left-0 right-0 z-10 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none" },
-                        React.createElement("button", { "data-testid": testIdScrollDown, onClick: scrollToBottom, className: "absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors", "aria-label": "Scroll to bottom" },
-                            React.createElement(ChevronDown, { className: "h-3 w-3" })))))))));
-    // If label is provided, render the complete combobox with label structure
-    if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2" },
-            React.createElement(EnhancedLabel, { htmlFor: id, required: required }, label),
-            comboboxElement,
-            error && (React.createElement("p", { className: "text-xs text-destructive dark:text-red-400" }, error)),
-            info && !error && (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info))));
-    }
-    // If no label, render just the combobox (backward compatibility)
-    return comboboxElement;
-}
-export function CompanyCombobox({ companies = [], value, onValueChange, onSearchChange, loading = false, placeholder = "Select company...", className, maxHeight = 320, showScrollIndicators = true, label, required = false, id, info, error, }) {
-    const options = companies.map((company) => {
-        var _a, _b;
-        return ({
-            value: ((_a = company.id) === null || _a === void 0 ? void 0 : _a.toString()) || "",
-            label: company.name,
-            id: (_b = company.id) === null || _b === void 0 ? void 0 : _b.toString(),
-        });
-    });
-    return (React.createElement(EnhancedCombobox, { options: options, value: value, onValueChange: onValueChange, onSearchChange: onSearchChange, placeholder: placeholder, searchPlaceholder: "Search companies...", emptyText: "No companies found.", loading: loading, className: className, maxHeight: maxHeight, showScrollIndicators: showScrollIndicators, virtualizeThreshold: 100, label: label, required: required, id: id, info: info, error: error }));
-}
-export function CountryCombobox({ countries = [], value, onValueChange, onSearchChange, loading = false, placeholder = "Select country...", className, maxHeight = 280, showScrollIndicators = true, label, required = false, id, info, error, }) {
-    // Default countries if none provided or if provided list is empty
-    const defaultCountries = [
-        { name: "Afghanistan", code: "AF" },
-        { name: "Albania", code: "AL" },
-        { name: "Algeria", code: "DZ" },
-        { name: "Argentina", code: "AR" },
-        { name: "Australia", code: "AU" },
-        { name: "Austria", code: "AT" },
-        { name: "Bangladesh", code: "BD" },
-        { name: "Belgium", code: "BE" },
-        { name: "Brazil", code: "BR" },
-        { name: "Canada", code: "CA" },
-        { name: "China", code: "CN" },
-        { name: "Denmark", code: "DK" },
-        { name: "Egypt", code: "EG" },
-        { name: "Finland", code: "FI" },
-        { name: "France", code: "FR" },
-        { name: "Germany", code: "DE" },
-        { name: "Greece", code: "GR" },
-        { name: "India", code: "IN" },
-        { name: "Indonesia", code: "ID" },
-        { name: "Iran", code: "IR" },
-        { name: "Iraq", code: "IQ" },
-        { name: "Ireland", code: "IE" },
-        { name: "Israel", code: "IL" },
-        { name: "Italy", code: "IT" },
-        { name: "Japan", code: "JP" },
-        { name: "Jordan", code: "JO" },
-        { name: "Kenya", code: "KE" },
-        { name: "Malaysia", code: "MY" },
-        { name: "Mexico", code: "MX" },
-        { name: "Netherlands", code: "NL" },
-        { name: "New Zealand", code: "NZ" },
-        { name: "Nigeria", code: "NG" },
-        { name: "Norway", code: "NO" },
-        { name: "Pakistan", code: "PK" },
-        { name: "Philippines", code: "PH" },
-        { name: "Poland", code: "PL" },
-        { name: "Portugal", code: "PT" },
-        { name: "Russia", code: "RU" },
-        { name: "Saudi Arabia", code: "SA" },
-        { name: "Singapore", code: "SG" },
-        { name: "South Africa", code: "ZA" },
-        { name: "South Korea", code: "KR" },
-        { name: "Spain", code: "ES" },
-        { name: "Sweden", code: "SE" },
-        { name: "Switzerland", code: "CH" },
-        { name: "Thailand", code: "TH" },
-        { name: "Turkey", code: "TR" },
-        { name: "Ukraine", code: "UA" },
-        { name: "United Arab Emirates", code: "AE" },
-        { name: "United Kingdom", code: "GB" },
-        { name: "United States", code: "US" },
-        { name: "Vietnam", code: "VN" },
-    ];
-    const countryList = countries.length > 0 ? countries : defaultCountries;
-    const options = countryList.map((country) => ({
-        value: country.name,
-        label: country.name,
-    }));
-    return (React.createElement(EnhancedCombobox, { options: options, value: value, onValueChange: onValueChange, onSearchChange: onSearchChange, placeholder: placeholder, searchPlaceholder: "Search countries...", emptyText: "No countries found.", loading: loading, className: className, maxHeight: maxHeight, showScrollIndicators: showScrollIndicators, virtualizeThreshold: 30, label: label, required: required, id: id, info: info, error: error }));
-}
+"use strict";"use client";import e,{useState as y,useRef as W,useEffect as U,useCallback as ee}from"react";import{Check as V,ChevronsUpDown as te,ChevronUp as ae,ChevronDown as ne}from"lucide-react";import{cn as H}from"../lib/utils";import{Button as oe}from"./ui/button";import{EnhancedLabel as re}from"./enhanced-label";import{Command as le,CommandEmpty as ce,CommandGroup as se,CommandInput as me,CommandItem as G}from"./ui/command";import{Popover as de,PopoverContent as ie,PopoverTrigger as ue}from"./ui/popover";function he({options:n,selectedValue:E,onSelect:S,scrollContainer:r,testIdOptionPrefix:i}){const[b,f]=y({start:0,end:Math.min(n.length,25)}),u=ee(()=>{if(!r.current)return;const{scrollTop:a,clientHeight:o}=r.current,m=32,c=o,d=Math.max(0,Math.floor(a/m)),w=Math.ceil(c/m),C=Math.min(10,Math.ceil(w*.5)),R=Math.min(n.length,d+w+C),N={start:Math.max(0,d-C),end:R};f(x=>x.start!==N.start||x.end!==N.end?N:x)},[n.length,r]);U(()=>{const a=r.current;if(a){a.addEventListener("scroll",u,{passive:!0});let o=a.parentElement;const m=()=>u();for(;o;){const c=getComputedStyle(o).overflowY;if(c==="auto"||c==="scroll"){o.addEventListener("scroll",m,{passive:!0});break}o=o.parentElement}return()=>{a.removeEventListener("scroll",u),o&&o.removeEventListener("scroll",m)}}},[u,r]),U(()=>{const a=Math.min(n.length,25);f(()=>({start:0,end:a})),r.current&&(r.current.scrollTop=0)},[n.length,n,r]);const h=Math.max(0,Math.min(b.start,n.length-1)),s=Math.max(h+1,Math.min(b.end,n.length)),p=n.slice(h,s),l=h*32,v=Math.max(0,(n.length-s)*32);return e.createElement(e.Fragment,null,l>0&&e.createElement("div",{style:{height:l}}),p.map((a,o)=>e.createElement(G,{key:`${a.value}-${h+o}`,value:a.label,onSelect:()=>S(a.value),"data-testid":`${i??"combobox-option"}-${a.value}`,className:"cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors h-8 flex items-center"},e.createElement(V,{className:H("mr-2 h-4 w-4",E===a.value?"opacity-100":"opacity-0")}),e.createElement("span",{className:"truncate"},a.label))),v>0&&e.createElement("div",{style:{height:v}}))}export function EnhancedCombobox({className:n,disabled:E=!1,emptyText:S="No options found.",error:r,id:i,info:b,label:f,loading:u=!1,maxHeight:h=256,onSearchChange:s,onValueChange:p,options:l=[],placeholder:v="Select option...",required:a=!1,searchPlaceholder:o="Search...",showScrollIndicators:m=!0,value:c,virtualizeThreshold:d=50,testIdTrigger:w,testIdSearchInput:C,testIdPopoverContent:R,testIdEmpty:N,testIdList:x,testIdOptionPrefix:A,testIdScrollUp:K,testIdScrollDown:$}){const[T,D]=y(!1),[k,P]=y(""),[O,q]=y(!1),[J,Z]=y(!1),g=W(null),M=l.find(t=>t.value===c),I=l.length>d,L=e.useMemo(()=>!k||s&&I||s&&!I?l:l.filter(t=>t.label.toLowerCase().includes(k.toLowerCase())),[l,k,s,I]),_=t=>{P(t),s?.(t)},z=t=>{p(t===c?"":t),D(!1),P("")},B=()=>{if(!g.current)return;const{scrollTop:t,scrollHeight:Q,clientHeight:X}=g.current;q(t>0),Z(t<Q-X-1)};U(()=>{T&&setTimeout(B,10)},[T,l]);const j=()=>{var t;(t=g.current)===null||t===void 0||t.scrollTo({top:0,behavior:"smooth"})},Y=()=>{if(!g.current)return;const{scrollHeight:t}=g.current;g.current.scrollTo({top:t,behavior:"smooth"})},F=e.createElement(de,{open:T,onOpenChange:D,modal:!0},e.createElement(ue,{asChild:!0},e.createElement(oe,{id:i,"data-testid":w,variant:"outline",role:"combobox","aria-expanded":T,disabled:E,className:H("w-full justify-between",!M&&"text-muted-foreground",n)},M?.label||v,e.createElement(te,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"}))),e.createElement(ie,{"data-testid":R,className:"w-[var(--radix-popover-trigger-width)] p-0",side:"bottom",align:"start",avoidCollisions:!0,collisionPadding:8,style:{zIndex:1e3},onOpenAutoFocus:t=>t.preventDefault()},e.createElement(le,{shouldFilter:!1},e.createElement(me,{"data-slot":"command-input","data-testid":C,placeholder:o,value:k,onValueChange:_}),e.createElement(ce,{"data-slot":"command-empty","data-testid":N},u?e.createElement("div",{className:"flex items-center justify-center py-6"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-primary"}),e.createElement("span",{className:"ml-2 text-sm"},"Searching...")):S),e.createElement("div",{className:"relative"},m&&O&&e.createElement("div",{className:"absolute top-0 left-0 right-0 z-10 h-8 bg-gradient-to-b from-background to-transparent pointer-events-none"},e.createElement("button",{"data-testid":K,onClick:j,className:"absolute top-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors","aria-label":"Scroll to top"},e.createElement(ae,{className:"h-3 w-3"}))),e.createElement(se,{"data-testid":x,ref:g,className:H("overflow-y-auto smooth-scroll","scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent hover:scrollbar-thumb-muted-foreground/40","scroll-smooth",L.length>10&&"pb-2"),style:{maxHeight:`${h}px`},onScroll:B},I&&L.length>d?e.createElement(he,{options:L,selectedValue:c,onSelect:z,scrollContainer:g,testIdOptionPrefix:A}):L.map(t=>e.createElement(G,{key:t.value,value:t.label,onSelect:()=>z(t.value),"data-testid":`${A??"combobox-option"}-${t.value}`,className:"cursor-pointer hover:bg-accent hover:text-accent-foreground transition-colors"},e.createElement(V,{className:H("mr-2 h-4 w-4",c===t.value?"opacity-100":"opacity-0")}),e.createElement("span",{className:"truncate"},t.label)))),m&&J&&e.createElement("div",{className:"absolute bottom-0 left-0 right-0 z-10 h-8 bg-gradient-to-t from-background to-transparent pointer-events-none"},e.createElement("button",{"data-testid":$,onClick:Y,className:"absolute bottom-1 left-1/2 transform -translate-x-1/2 p-1 rounded-full bg-background shadow-sm border pointer-events-auto hover:bg-muted transition-colors","aria-label":"Scroll to bottom"},e.createElement(ne,{className:"h-3 w-3"})))))));return f?e.createElement("div",{className:"w-full space-y-2"},e.createElement(re,{htmlFor:i,required:a},f),F,r&&e.createElement("p",{className:"text-xs text-destructive dark:text-red-400"},r),b&&!r&&e.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400"},b)):F}export function CompanyCombobox({companies:n=[],value:E,onValueChange:S,onSearchChange:r,loading:i=!1,placeholder:b="Select company...",className:f,maxHeight:u=320,showScrollIndicators:h=!0,label:s,required:p=!1,id:l,info:v,error:a}){const o=n.map(m=>{var c,d;return{value:((c=m.id)===null||c===void 0?void 0:c.toString())||"",label:m.name,id:(d=m.id)===null||d===void 0?void 0:d.toString()}});return e.createElement(EnhancedCombobox,{options:o,value:E,onValueChange:S,onSearchChange:r,placeholder:b,searchPlaceholder:"Search companies...",emptyText:"No companies found.",loading:i,className:f,maxHeight:u,showScrollIndicators:h,virtualizeThreshold:100,label:s,required:p,id:l,info:v,error:a})}export function CountryCombobox({countries:n=[],value:E,onValueChange:S,onSearchChange:r,loading:i=!1,placeholder:b="Select country...",className:f,maxHeight:u=280,showScrollIndicators:h=!0,label:s,required:p=!1,id:l,info:v,error:a}){const o=[{name:"Afghanistan",code:"AF"},{name:"Albania",code:"AL"},{name:"Algeria",code:"DZ"},{name:"Argentina",code:"AR"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Bangladesh",code:"BD"},{name:"Belgium",code:"BE"},{name:"Brazil",code:"BR"},{name:"Canada",code:"CA"},{name:"China",code:"CN"},{name:"Denmark",code:"DK"},{name:"Egypt",code:"EG"},{name:"Finland",code:"FI"},{name:"France",code:"FR"},{name:"Germany",code:"DE"},{name:"Greece",code:"GR"},{name:"India",code:"IN"},{name:"Indonesia",code:"ID"},{name:"Iran",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Ireland",code:"IE"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Japan",code:"JP"},{name:"Jordan",code:"JO"},{name:"Kenya",code:"KE"},{name:"Malaysia",code:"MY"},{name:"Mexico",code:"MX"},{name:"Netherlands",code:"NL"},{name:"New Zealand",code:"NZ"},{name:"Nigeria",code:"NG"},{name:"Norway",code:"NO"},{name:"Pakistan",code:"PK"},{name:"Philippines",code:"PH"},{name:"Poland",code:"PL"},{name:"Portugal",code:"PT"},{name:"Russia",code:"RU"},{name:"Saudi Arabia",code:"SA"},{name:"Singapore",code:"SG"},{name:"South Africa",code:"ZA"},{name:"South Korea",code:"KR"},{name:"Spain",code:"ES"},{name:"Sweden",code:"SE"},{name:"Switzerland",code:"CH"},{name:"Thailand",code:"TH"},{name:"Turkey",code:"TR"},{name:"Ukraine",code:"UA"},{name:"United Arab Emirates",code:"AE"},{name:"United Kingdom",code:"GB"},{name:"United States",code:"US"},{name:"Vietnam",code:"VN"}],c=(n.length>0?n:o).map(d=>({value:d.name,label:d.name}));return e.createElement(EnhancedCombobox,{options:c,value:E,onValueChange:S,onSearchChange:r,placeholder:b,searchPlaceholder:"Search countries...",emptyText:"No countries found.",loading:i,className:f,maxHeight:u,showScrollIndicators:h,virtualizeThreshold:30,label:s,required:p,id:l,info:v,error:a})}

package/components/enhanced-drawer-footer.js

@@ -1,30 +1 @@
-import { Button } from "./ui/button";
-import React from "react";
-export var DRAWER_FOOTER_COMPONENT_TYPE;
-(function (DRAWER_FOOTER_COMPONENT_TYPE) {
-    DRAWER_FOOTER_COMPONENT_TYPE["MORE_ACTIONS_DRAWER"] = "MORE_ACTIONS_DRAWER";
-    DRAWER_FOOTER_COMPONENT_TYPE["FILTER_DRAWER"] = "FILTER_DRAWER";
-    DRAWER_FOOTER_COMPONENT_TYPE["FORM_DRAWER"] = "FORM_DRAWER";
-    DRAWER_FOOTER_COMPONENT_TYPE["VIEW_DRAWER"] = "VIEW_DRAWER";
-})(DRAWER_FOOTER_COMPONENT_TYPE || (DRAWER_FOOTER_COMPONENT_TYPE = {}));
-export const EnhancedDrawerFooter = ({ applyFilters, clearFilters, closeDrawer, disableSaveButton, drawerType, errors, handleSubmit, updateLoading, }) => {
-    const componentMap = {
-        [DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER]: (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex gap-2" },
-                React.createElement(Button, { className: "flex-1", onClick: clearFilters, variant: "outline" }, "Close")))),
-        [DRAWER_FOOTER_COMPONENT_TYPE.FILTER_DRAWER]: (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex gap-2" },
-                React.createElement(Button, { className: "flex-1", onClick: clearFilters, variant: "outline" }, "Clear All"),
-                React.createElement(Button, { className: "flex-1", onClick: applyFilters }, "Apply Filters")))),
-        [DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER]: (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex gap-2" },
-                React.createElement(Button, { className: "flex-1", onClick: closeDrawer, variant: "outline" }, "Cancel"),
-                React.createElement(Button, { className: "flex-1", onClick: handleSubmit, variant: "default", disabled: updateLoading ||
-                        disableSaveButton ||
-                        (errors && Object.keys(errors).length > 0) }, "Save")))),
-        [DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER]: (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "flex gap-2" },
-                React.createElement(Button, { className: "flex-1", onClick: closeDrawer }, "Close")))),
-    };
-    return React.createElement(React.Fragment, null, componentMap[drawerType]);
-};
+"use strict";import{Button as a}from"./ui/button";import e from"react";export var DRAWER_FOOTER_COMPONENT_TYPE;(function(l){l.MORE_ACTIONS_DRAWER="MORE_ACTIONS_DRAWER",l.FILTER_DRAWER="FILTER_DRAWER",l.FORM_DRAWER="FORM_DRAWER",l.VIEW_DRAWER="VIEW_DRAWER"})(DRAWER_FOOTER_COMPONENT_TYPE||(DRAWER_FOOTER_COMPONENT_TYPE={}));export const EnhancedDrawerFooter=({applyFilters:l,clearFilters:t,closeDrawer:n,disableSaveButton:m,drawerType:r,errors:c,handleSubmit:E,updateLoading:R})=>{const s={[DRAWER_FOOTER_COMPONENT_TYPE.MORE_ACTIONS_DRAWER]:e.createElement(e.Fragment,null,e.createElement("div",{className:"flex gap-2"},e.createElement(a,{className:"flex-1",onClick:t,variant:"outline"},"Close"))),[DRAWER_FOOTER_COMPONENT_TYPE.FILTER_DRAWER]:e.createElement(e.Fragment,null,e.createElement("div",{className:"flex gap-2"},e.createElement(a,{className:"flex-1",onClick:t,variant:"outline"},"Clear All"),e.createElement(a,{className:"flex-1",onClick:l},"Apply Filters"))),[DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER]:e.createElement(e.Fragment,null,e.createElement("div",{className:"flex gap-2"},e.createElement(a,{className:"flex-1",onClick:n,variant:"outline"},"Cancel"),e.createElement(a,{className:"flex-1",onClick:E,variant:"default",disabled:R||m||c&&Object.keys(c).length>0},"Save"))),[DRAWER_FOOTER_COMPONENT_TYPE.VIEW_DRAWER]:e.createElement(e.Fragment,null,e.createElement("div",{className:"flex gap-2"},e.createElement(a,{className:"flex-1",onClick:n},"Close")))};return e.createElement(e.Fragment,null,s[r])};

package/components/enhanced-drawer-header.js

@@ -1,7 +1 @@
-import { DrawerDescription, DrawerTitle } from "./ui/drawer";
-import React from "react";
-export const EnhancedDrawerHeader = ({ title, description, }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DrawerTitle, null, title),
-        React.createElement(DrawerDescription, null, description)));
-};
+"use strict";import{DrawerDescription as n,DrawerTitle as a}from"./ui/drawer";import e from"react";export const EnhancedDrawerHeader=({title:r,description:t})=>e.createElement(e.Fragment,null,e.createElement(a,null,r),e.createElement(n,null,t));