lecom-ui 5.2.59 → 5.2.61

package/dist/components/CustomDivider/CustomDivider.js

@@ -0,0 +1,169 @@
+import * as React from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../Button/Button.js';
+
+function DividerLine({
+  dashed,
+  plain,
+  isGroupDivider,
+  isActive,
+  className,
+  style
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "w-full",
+        isGroupDivider ? "my-4" : "my-2",
+        isActive ? "opacity-100" : "opacity-50",
+        className
+      ),
+      style
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "w-full",
+          dashed ? "border-dashed" : "border-solid",
+          plain ? "border-gray-200" : "border-gray-300",
+          "border-t"
+        )
+      }
+    )
+  );
+}
+function OptionButtons({
+  value,
+  onChange,
+  isActive,
+  plain,
+  optionLabels,
+  ButtonComponent,
+  buttonSize
+}) {
+  const [labelAnd, labelOr] = optionLabels;
+  const Btn = ButtonComponent;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "relative z-10 inline-flex overflow-hidden",
+        plain ? "bg-white" : "rounded-md border border-gray-300 bg-white shadow-sm"
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      Btn,
+      {
+        variant: "ghost",
+        color: "grey",
+        size: buttonSize,
+        onClick: () => onChange("AND"),
+        disabled: !isActive,
+        className: cn(
+          "px-4 py-1 text-sm transition !rounded-none",
+          value === "AND" ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-white text-gray-700 hover:bg-blue-50"
+        )
+      },
+      labelAnd
+    ),
+    /* @__PURE__ */ React.createElement(
+      Btn,
+      {
+        variant: "ghost",
+        color: "grey",
+        size: buttonSize,
+        onClick: () => onChange("OR"),
+        disabled: !isActive,
+        className: cn(
+          "px-4 py-1 text-sm transition !rounded-none",
+          value === "OR" ? "bg-blue-600 text-white hover:bg-blue-500" : "bg-white text-gray-700 hover:bg-blue-50"
+        )
+      },
+      labelOr
+    )
+  );
+}
+function CustomDivider({
+  name,
+  control,
+  isActive = true,
+  isGroupDivider = false,
+  orientation = "center",
+  dashed = false,
+  plain = false,
+  lineOnly = false,
+  optionLabels = ["E", "OU"],
+  ButtonComponent = Button,
+  buttonSize = "medium",
+  className,
+  style
+}) {
+  if (lineOnly) {
+    return /* @__PURE__ */ React.createElement(
+      DividerLine,
+      {
+        dashed,
+        plain,
+        isGroupDivider,
+        isActive,
+        className,
+        style
+      }
+    );
+  }
+  const formContext = useFormContext();
+  const controlToUse = control ?? formContext.control;
+  const justifyMap = {
+    left: "justify-start",
+    center: "justify-center",
+    right: "justify-end"
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        "relative w-full flex items-center",
+        isGroupDivider ? "my-4" : "my-2",
+        isActive ? "opacity-100" : "opacity-50",
+        justifyMap[orientation],
+        className
+      ),
+      style
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "absolute inset-x-0",
+          dashed ? "border-dashed" : "border-solid",
+          plain ? "border-gray-200" : "border-gray-300",
+          "border-t"
+        )
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Controller,
+      {
+        name,
+        control: controlToUse,
+        render: ({ field: { value, onChange } }) => /* @__PURE__ */ React.createElement(
+          OptionButtons,
+          {
+            value,
+            onChange,
+            isActive,
+            plain,
+            optionLabels,
+            ButtonComponent,
+            buttonSize
+          }
+        )
+      }
+    )
+  );
+}
+
+export { CustomDivider };

package/dist/index.d.ts

@@ -19,7 +19,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps, Control } from 'react-hook-form';
 export { useForm } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { CustomStyles as CustomStyles$2 } from '@/components/Button';
@@ -1122,5 +1122,25 @@ type ComboboxProps = {
 };
 declare function Combobox({ options, value, onChange, placeholder, disabled, notFoundContent, status, searchTerm, triggerClassName, contentClassName, }: ComboboxProps): React$1.JSX.Element;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
+type Orientation = 'left' | 'center' | 'right';
+interface CustomDividerProps<T extends FieldValues> {
+    name: FieldPath<T>;
+    control?: Control<T>;
+    isActive?: boolean;
+    isGroupDivider?: boolean;
+    orientation?: Orientation;
+    dashed?: boolean;
+    plain?: boolean;
+    lineOnly?: boolean;
+    optionLabels?: [React$1.ReactNode, React$1.ReactNode];
+    ButtonComponent?: React$1.ComponentType<ButtonProps & {
+        onClick(): void;
+    }>;
+    buttonSize?: ButtonProps['size'];
+    className?: string;
+    style?: React$1.CSSProperties;
+}
+declare function CustomDivider<T extends FieldValues>({ name, control, isActive, isGroupDivider, orientation, dashed, plain, lineOnly, optionLabels, ButtonComponent, buttonSize, className, style, }: CustomDividerProps<T>): React$1.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, CustomDivider, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
 export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxGroup, ComboboxOption, CustomStyles$1 as CustomStyles, DataTableProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, TableProps, TagItem, TagProps, TextColor, TextareaProps, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };

package/dist/index.js

@@ -46,6 +46,7 @@ export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, Dr
 export { TagInput } from './components/TagInput/TagInput.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './components/Sheet/Sheet.js';
 export { Combobox } from './components/Combobox/Combobox.js';
+export { CustomDivider } from './components/CustomDivider/CustomDivider.js';
 export { Bar, BarChart, CartesianGrid, Label, LabelList, XAxis, YAxis } from 'recharts';
 export { z as zod } from 'zod';
 export { zodResolver } from '@hookform/resolvers/zod';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.2.59",
+  "version": "5.2.61",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",