eai-frontend-components 2.0.15 → 2.0.17

package/dist/index.js

@@ -2815,6 +2815,16 @@ const FormSelect = ({ control, name, label, subLabel, helpText, placeholder, cla
     return (jsxRuntime.jsx(FormField, { control: control, name: name, render: ({ field, formState }) => (jsxRuntime.jsxs(FormItem, { className: className, children: [jsxRuntime.jsxs("div", { className: 'flex items-center space-x-1.5', children: [label && formLabelAndSubLabel(FormLabel, label, subLabel, required), helpText && formHelpText(helpText)] }), jsxRuntime.jsx(FormControl, { children: jsxRuntime.jsxs(SelectPrimitive.Select, { onValueChange: field.onChange, defaultValue: field.value, disabled: disabled, children: [jsxRuntime.jsx(SelectTrigger, { className: cn('', formState.errors[name] ? 'border-red-600' : '', className), children: jsxRuntime.jsx(SelectValue, { className: 'text-slate-400', placeholder: placeholder }) }), jsxRuntime.jsx(SelectContent, { className: 'bg-white cursor-pointer', children: jsxRuntime.jsx(SelectGroup, { children: options.map((option) => (jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, option.value))) }) })] }) }), formMessage(FormMessage)] })) }));
 };
 
+const StepNewForm = ({ steps, currentIndex }) => {
+    const getStepIcon = (index) => {
+        if (index < currentIndex) {
+            return (jsxRuntime.jsx("div", { className: 'flex w-6 h-6 rounded-md items-center justify-center bg-background-secondary border', children: jsxRuntime.jsx(lucideReact.Check, { size: 16, className: 'stroke-2 stroke-primary' }) }));
+        }
+        return (jsxRuntime.jsx("div", { className: `flex w-6 h-6 rounded-md items-center justify-center border ${index === currentIndex ? 'bg-background-primary text-white' : 'bg-white text-black'}`, children: index + 1 }));
+    };
+    return (jsxRuntime.jsx("div", { className: 'flex flex-row gap-x-3 my-2.5', children: steps.map((step, index, array) => (jsxRuntime.jsxs("div", { className: 'flex items-center text-sm font-medium gap-x-3', children: [jsxRuntime.jsxs("div", { className: 'flex items-center text-sm font-medium gap-x-3', children: [getStepIcon(index), step.label] }), index + 1 < array.length && (jsxRuntime.jsx("div", { className: 'w-10', children: jsxRuntime.jsx(Separator, {}) }))] }, step.id))) }));
+};
+
 const FormInputSwitch = ({ control, name, label, subLabel, helpText, className, disabled, onCheckedChange }) => {
     const { FormField, FormItem, FormLabel, FormControl, FormMessage } = FormComponents;
     return (jsxRuntime.jsx(FormField, { control: control, name: name, render: ({ field }) => (jsxRuntime.jsxs(FormItem, { className: cn('flex items-top gap-x-2', className), children: [jsxRuntime.jsx(FormControl, { children: jsxRuntime.jsx(Switch, { ...field, checked: field.value, onCheckedChange: (checked) => {
@@ -3057,9 +3067,13 @@ const SidebarItemTwoLines = ({ item }) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: '[&_svg]:size-4 text-white', children: item.iconLeft }), jsxRuntime.jsxs("div", { className: 'grid flex-1 text-left text-sm leading-tight', children: [jsxRuntime.jsx("span", { className: 'truncate font-semibold', children: item.title }), jsxRuntime.jsx("span", { className: 'truncate text-xs text-foreground', children: item.subTitle })] }), item.iconRight] }));
 };
 
-const ModuleSwitcher = ({ modules, activeModule, onModuleChange, }) => {
+const ModuleSwitcher = ({ modules, activeModule, onModuleChange }) => {
     const { isMobile } = useSidebar();
-    return (jsxRuntime.jsx(SidebarMenu, { children: jsxRuntime.jsx(SidebarMenuItem, { children: jsxRuntime.jsxs(DropdownMenu, { children: [jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: jsxRuntime.jsx(SidebarItemTwoLines, { item: {
+    return modules.length === 1 ? (jsxRuntime.jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: jsxRuntime.jsx(SidebarItemTwoLines, { item: {
+                iconLeft: jsxRuntime.jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: activeModule?.icon }),
+                title: activeModule?.title ?? '',
+                subTitle: activeModule?.subTitle ?? '',
+            } }) })) : (jsxRuntime.jsx(SidebarMenu, { children: jsxRuntime.jsx(SidebarMenuItem, { children: jsxRuntime.jsxs(DropdownMenu, { children: [jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: jsxRuntime.jsx(SidebarItemTwoLines, { item: {
                                     iconLeft: (jsxRuntime.jsx("div", { className: 'flex p-[7.6px] items-center rounded-md bg-background-primary', children: activeModule?.icon })),
                                     title: activeModule?.title ?? '',
                                     subTitle: activeModule?.subTitle ?? '',
@@ -3488,6 +3502,7 @@ exports.SidebarSubmenuType = SidebarSubmenuType;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
+exports.StepNewForm = StepNewForm;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableBody = TableBody;