pxengine 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +8857 -2061
- package/dist/index.d.cts +100 -5
- package/dist/index.d.ts +100 -5
- package/dist/index.js +8853 -2060
- package/dist/registry.json +1388 -4364
- package/package.json +4 -4
- package/src/atoms/CardAtom.tsx +9 -9
- package/src/atoms/FormInputAtom.tsx +97 -0
- package/src/atoms/FormSelectAtom.tsx +106 -0
- package/src/atoms/FormTextareaAtom.tsx +89 -0
- package/src/atoms/LayoutAtom.tsx +5 -3
- package/src/atoms/TextAtom.tsx +7 -7
- package/src/atoms/index.ts +4 -0
- package/src/components/ui/index.ts +54 -0
- package/src/molecules/generic/ActionButton/ActionButton.tsx +1 -1
- package/src/render/PXEngineRenderer.tsx +240 -39
- package/src/types/atoms.ts +8 -1
package/dist/index.d.cts
CHANGED
|
@@ -466,6 +466,100 @@ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">):
|
|
|
466
466
|
*/
|
|
467
467
|
declare function cn(...inputs: ClassValue[]): string;
|
|
468
468
|
|
|
469
|
+
interface FormInputAtomType {
|
|
470
|
+
type: "FormInput";
|
|
471
|
+
name: string;
|
|
472
|
+
label?: string;
|
|
473
|
+
placeholder?: string;
|
|
474
|
+
description?: string;
|
|
475
|
+
defaultValue?: string;
|
|
476
|
+
required?: boolean;
|
|
477
|
+
inputType?: "text" | "email" | "password" | "number" | "tel" | "url" | "date" | "time";
|
|
478
|
+
className?: string;
|
|
479
|
+
id?: string;
|
|
480
|
+
}
|
|
481
|
+
interface FormInputAtomProps extends Omit<FormInputAtomType, "type"> {
|
|
482
|
+
renderComponent?: any;
|
|
483
|
+
children?: any;
|
|
484
|
+
}
|
|
485
|
+
/**
|
|
486
|
+
* FormInputAtom
|
|
487
|
+
*
|
|
488
|
+
* Self-contained form input component that properly wraps FormField, FormItem, FormLabel, and FormControl.
|
|
489
|
+
* This component provides the necessary React Context for form components to work correctly.
|
|
490
|
+
*
|
|
491
|
+
* Features:
|
|
492
|
+
* - Handles all form context requirements internally
|
|
493
|
+
* - Supports various input types (text, email, password, etc.)
|
|
494
|
+
* - Includes validation support through react-hook-form
|
|
495
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
496
|
+
*/
|
|
497
|
+
declare const FormInputAtom: React__default.FC<FormInputAtomProps>;
|
|
498
|
+
|
|
499
|
+
interface SelectOption {
|
|
500
|
+
value: string;
|
|
501
|
+
label: string;
|
|
502
|
+
}
|
|
503
|
+
interface FormSelectAtomType {
|
|
504
|
+
type: "FormSelect";
|
|
505
|
+
name: string;
|
|
506
|
+
label?: string;
|
|
507
|
+
placeholder?: string;
|
|
508
|
+
description?: string;
|
|
509
|
+
defaultValue?: string;
|
|
510
|
+
required?: boolean;
|
|
511
|
+
options: SelectOption[];
|
|
512
|
+
className?: string;
|
|
513
|
+
id?: string;
|
|
514
|
+
}
|
|
515
|
+
interface FormSelectAtomProps extends Omit<FormSelectAtomType, "type"> {
|
|
516
|
+
renderComponent?: any;
|
|
517
|
+
children?: any;
|
|
518
|
+
}
|
|
519
|
+
/**
|
|
520
|
+
* FormSelectAtom
|
|
521
|
+
*
|
|
522
|
+
* Self-contained form select component that properly wraps FormField, FormItem, FormLabel, FormControl, and Select.
|
|
523
|
+
* This component provides the necessary React Context for both form and select components to work correctly.
|
|
524
|
+
*
|
|
525
|
+
* Features:
|
|
526
|
+
* - Handles all form and select context requirements internally
|
|
527
|
+
* - Supports dynamic options list
|
|
528
|
+
* - Includes validation support through react-hook-form
|
|
529
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
530
|
+
*/
|
|
531
|
+
declare const FormSelectAtom: React__default.FC<FormSelectAtomProps>;
|
|
532
|
+
|
|
533
|
+
interface FormTextareaAtomType {
|
|
534
|
+
type: "FormTextarea";
|
|
535
|
+
name: string;
|
|
536
|
+
label?: string;
|
|
537
|
+
placeholder?: string;
|
|
538
|
+
description?: string;
|
|
539
|
+
defaultValue?: string;
|
|
540
|
+
required?: boolean;
|
|
541
|
+
rows?: number;
|
|
542
|
+
className?: string;
|
|
543
|
+
id?: string;
|
|
544
|
+
}
|
|
545
|
+
interface FormTextareaAtomProps extends Omit<FormTextareaAtomType, "type"> {
|
|
546
|
+
renderComponent?: any;
|
|
547
|
+
children?: any;
|
|
548
|
+
}
|
|
549
|
+
/**
|
|
550
|
+
* FormTextareaAtom
|
|
551
|
+
*
|
|
552
|
+
* Self-contained form textarea component that properly wraps FormField, FormItem, FormLabel, and FormControl.
|
|
553
|
+
* This component provides the necessary React Context for form components to work correctly.
|
|
554
|
+
*
|
|
555
|
+
* Features:
|
|
556
|
+
* - Handles all form context requirements internally
|
|
557
|
+
* - Supports configurable rows
|
|
558
|
+
* - Includes validation support through react-hook-form
|
|
559
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
560
|
+
*/
|
|
561
|
+
declare const FormTextareaAtom: React__default.FC<FormTextareaAtomProps>;
|
|
562
|
+
|
|
469
563
|
type LayoutDirection = "vertical" | "horizontal" | "grid";
|
|
470
564
|
type GapSize = "none" | "sm" | "md" | "lg" | "xl";
|
|
471
565
|
type TextVariant = "h1" | "h2" | "h3" | "h4" | "p" | "small" | "muted" | "label";
|
|
@@ -670,7 +764,7 @@ interface CalendarAtomType extends BaseAtom {
|
|
|
670
764
|
mode?: "single" | "range" | "multiple";
|
|
671
765
|
selectedDate?: string | string[];
|
|
672
766
|
}
|
|
673
|
-
type UIAtom = ButtonAtomType | InputAtomType | ToggleAtomType | TextAtomType | LayoutAtomType | CardAtomType | TabsAtomType | AccordionAtomType | SeparatorAtomType | ScrollAreaAtomType | AspectRatioAtomType | CollapsibleAtomType | AvatarAtomType | BadgeAtomType | ProgressAtomType | TableAtomType | CarouselAtomType | AlertAtomType | TooltipAtomType | PopoverAtomType | DialogAtomType | SheetAtomType | AlertDialogAtomType | SkeletonAtomType | SpinnerAtomType | BreadcrumbAtomType | CalendarAtomType | PaginationAtomType | CommandAtomType;
|
|
767
|
+
type UIAtom = ButtonAtomType | InputAtomType | ToggleAtomType | TextAtomType | LayoutAtomType | CardAtomType | TabsAtomType | AccordionAtomType | SeparatorAtomType | ScrollAreaAtomType | AspectRatioAtomType | CollapsibleAtomType | AvatarAtomType | BadgeAtomType | ProgressAtomType | TableAtomType | CarouselAtomType | AlertAtomType | TooltipAtomType | PopoverAtomType | DialogAtomType | SheetAtomType | AlertDialogAtomType | SkeletonAtomType | SpinnerAtomType | BreadcrumbAtomType | CalendarAtomType | PaginationAtomType | CommandAtomType | FormInputAtomType | FormSelectAtomType | FormTextareaAtomType;
|
|
674
768
|
|
|
675
769
|
interface BaseMolecule extends BaseAtom {
|
|
676
770
|
}
|
|
@@ -727,7 +821,8 @@ interface UISchema {
|
|
|
727
821
|
* PXEngineRenderer
|
|
728
822
|
*
|
|
729
823
|
* Handles both the full schema { version, root } and individual components.
|
|
730
|
-
* Dynamically resolves components from
|
|
824
|
+
* Dynamically resolves components from Atoms/Molecules/UI Components registry.
|
|
825
|
+
* Prevents rendering of context-dependent components to avoid React errors.
|
|
731
826
|
*/
|
|
732
827
|
interface PXEngineRendererProps {
|
|
733
828
|
schema: UISchema | UIComponent;
|
|
@@ -751,7 +846,7 @@ interface Props$d extends ButtonAtomType {
|
|
|
751
846
|
declare const ButtonAtom: React__default.FC<Props$d>;
|
|
752
847
|
|
|
753
848
|
interface Props$c extends LayoutAtomType {
|
|
754
|
-
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
849
|
+
renderComponent: (component: UIComponent, index?: number) => React__default.ReactNode;
|
|
755
850
|
}
|
|
756
851
|
/**
|
|
757
852
|
* LayoutAtom
|
|
@@ -760,7 +855,7 @@ interface Props$c extends LayoutAtomType {
|
|
|
760
855
|
declare const LayoutAtom: React__default.FC<Props$c>;
|
|
761
856
|
|
|
762
857
|
interface Props$b extends CardAtomType {
|
|
763
|
-
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
858
|
+
renderComponent: (component: UIComponent, index?: number) => React__default.ReactNode;
|
|
764
859
|
}
|
|
765
860
|
/**
|
|
766
861
|
* CardAtom
|
|
@@ -1256,4 +1351,4 @@ interface MCQCardProps {
|
|
|
1256
1351
|
*/
|
|
1257
1352
|
declare const MCQCard: React__default.NamedExoticComponent<MCQCardProps>;
|
|
1258
1353
|
|
|
1259
|
-
export { Accordion, AccordionAtom, type AccordionAtomType, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, type ActionButtonAtom, type ActionButtonProps, Alert, AlertAtom, type AlertAtomType, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogAtom, type AlertDialogAtomType, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AspectRatioAtom, type AspectRatioAtomType, Avatar, AvatarAtom, type AvatarAtomType, AvatarFallback, AvatarImage, Badge, BadgeAtom, type BadgeAtomType, type BaseAtom, type BaseMolecule, Breadcrumb, BreadcrumbAtom, type BreadcrumbAtomType, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonAtom, type ButtonAtomType, type ButtonSize$1 as ButtonSize, type ButtonVariant$1 as ButtonVariant, CAMPAIGN_SEED_FIELDS, Calendar, CalendarAtom, type CalendarAtomType, CampaignSeedCard, type CampaignSeedCardAtom, type CampaignSeedCardProps, Card, CardAtom, type CardAtomType, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselAtom, type CarouselAtomType, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleAtom, type CollapsibleAtomType, CollapsibleContent, CollapsibleTrigger, Command, CommandAtom, type CommandAtomType, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, CountrySelectDisplay, CountrySelectEdit, Dialog, DialogAtom, type DialogAtomType, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditableField, type EditableFieldProps, Form, FormCard, type FormCardProps, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GapSize, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAtom, type InputAtomType, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputType, KeywordBundlesDisplay, KeywordBundlesEdit, Label, LayoutAtom, type LayoutAtomType, type LayoutDirection, MCQCard, type MCQCardAtom, type MCQCardProps, type MCQOption, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PXEngineRenderer, Pagination, PaginationAtom, type PaginationAtomType, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAtom, type PopoverAtomType, PopoverContent, PopoverTrigger, Progress, ProgressAtom, type ProgressAtomType, RadioGroup, RadioGroupItem, ResizablePanel, ResizablePanelGroup, SEARCH_SPEC_FIELDS, ScrollArea, ScrollAreaAtom, type ScrollAreaAtomType, ScrollBar, SearchSpecCard, type SearchSpecCardAtom, type SearchSpecCardProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorAtom, type SeparatorAtomType, Sheet, SheetAtom, type SheetAtomType, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, SkeletonAtom, type SkeletonAtomType, Slider, Spinner, SpinnerAtom, type SpinnerAtomType, Switch, Table, TableAtom, type TableAtomType, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsAtom, type TabsAtomType, TabsContent, TabsList, TabsTrigger, TextAtom, type TextAtomType, type TextVariant, Textarea, type ToggleAtomType, Tooltip, TooltipAtom, type TooltipAtomType, TooltipContent, TooltipProvider, TooltipTrigger, type UIAtom, type UIComponent, type UIMolecule, type UISchema, cn };
|
|
1354
|
+
export { Accordion, AccordionAtom, type AccordionAtomType, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, type ActionButtonAtom, type ActionButtonProps, Alert, AlertAtom, type AlertAtomType, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogAtom, type AlertDialogAtomType, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AspectRatioAtom, type AspectRatioAtomType, Avatar, AvatarAtom, type AvatarAtomType, AvatarFallback, AvatarImage, Badge, BadgeAtom, type BadgeAtomType, type BaseAtom, type BaseMolecule, Breadcrumb, BreadcrumbAtom, type BreadcrumbAtomType, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonAtom, type ButtonAtomType, type ButtonSize$1 as ButtonSize, type ButtonVariant$1 as ButtonVariant, CAMPAIGN_SEED_FIELDS, Calendar, CalendarAtom, type CalendarAtomType, CampaignSeedCard, type CampaignSeedCardAtom, type CampaignSeedCardProps, Card, CardAtom, type CardAtomType, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselAtom, type CarouselAtomType, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleAtom, type CollapsibleAtomType, CollapsibleContent, CollapsibleTrigger, Command, CommandAtom, type CommandAtomType, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, CountrySelectDisplay, CountrySelectEdit, Dialog, DialogAtom, type DialogAtomType, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditableField, type EditableFieldProps, Form, FormCard, type FormCardProps, FormControl, FormDescription, FormField, FormInputAtom, type FormInputAtomType, FormItem, FormLabel, FormMessage, FormSelectAtom, type FormSelectAtomType, FormTextareaAtom, type FormTextareaAtomType, type GapSize, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAtom, type InputAtomType, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputType, KeywordBundlesDisplay, KeywordBundlesEdit, Label, LayoutAtom, type LayoutAtomType, type LayoutDirection, MCQCard, type MCQCardAtom, type MCQCardProps, type MCQOption, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PXEngineRenderer, Pagination, PaginationAtom, type PaginationAtomType, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAtom, type PopoverAtomType, PopoverContent, PopoverTrigger, Progress, ProgressAtom, type ProgressAtomType, RadioGroup, RadioGroupItem, ResizablePanel, ResizablePanelGroup, SEARCH_SPEC_FIELDS, ScrollArea, ScrollAreaAtom, type ScrollAreaAtomType, ScrollBar, SearchSpecCard, type SearchSpecCardAtom, type SearchSpecCardProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorAtom, type SeparatorAtomType, Sheet, SheetAtom, type SheetAtomType, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, SkeletonAtom, type SkeletonAtomType, Slider, Spinner, SpinnerAtom, type SpinnerAtomType, Switch, Table, TableAtom, type TableAtomType, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsAtom, type TabsAtomType, TabsContent, TabsList, TabsTrigger, TextAtom, type TextAtomType, type TextVariant, Textarea, type ToggleAtomType, Tooltip, TooltipAtom, type TooltipAtomType, TooltipContent, TooltipProvider, TooltipTrigger, type UIAtom, type UIComponent, type UIMolecule, type UISchema, cn };
|
package/dist/index.d.ts
CHANGED
|
@@ -466,6 +466,100 @@ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">):
|
|
|
466
466
|
*/
|
|
467
467
|
declare function cn(...inputs: ClassValue[]): string;
|
|
468
468
|
|
|
469
|
+
interface FormInputAtomType {
|
|
470
|
+
type: "FormInput";
|
|
471
|
+
name: string;
|
|
472
|
+
label?: string;
|
|
473
|
+
placeholder?: string;
|
|
474
|
+
description?: string;
|
|
475
|
+
defaultValue?: string;
|
|
476
|
+
required?: boolean;
|
|
477
|
+
inputType?: "text" | "email" | "password" | "number" | "tel" | "url" | "date" | "time";
|
|
478
|
+
className?: string;
|
|
479
|
+
id?: string;
|
|
480
|
+
}
|
|
481
|
+
interface FormInputAtomProps extends Omit<FormInputAtomType, "type"> {
|
|
482
|
+
renderComponent?: any;
|
|
483
|
+
children?: any;
|
|
484
|
+
}
|
|
485
|
+
/**
|
|
486
|
+
* FormInputAtom
|
|
487
|
+
*
|
|
488
|
+
* Self-contained form input component that properly wraps FormField, FormItem, FormLabel, and FormControl.
|
|
489
|
+
* This component provides the necessary React Context for form components to work correctly.
|
|
490
|
+
*
|
|
491
|
+
* Features:
|
|
492
|
+
* - Handles all form context requirements internally
|
|
493
|
+
* - Supports various input types (text, email, password, etc.)
|
|
494
|
+
* - Includes validation support through react-hook-form
|
|
495
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
496
|
+
*/
|
|
497
|
+
declare const FormInputAtom: React__default.FC<FormInputAtomProps>;
|
|
498
|
+
|
|
499
|
+
interface SelectOption {
|
|
500
|
+
value: string;
|
|
501
|
+
label: string;
|
|
502
|
+
}
|
|
503
|
+
interface FormSelectAtomType {
|
|
504
|
+
type: "FormSelect";
|
|
505
|
+
name: string;
|
|
506
|
+
label?: string;
|
|
507
|
+
placeholder?: string;
|
|
508
|
+
description?: string;
|
|
509
|
+
defaultValue?: string;
|
|
510
|
+
required?: boolean;
|
|
511
|
+
options: SelectOption[];
|
|
512
|
+
className?: string;
|
|
513
|
+
id?: string;
|
|
514
|
+
}
|
|
515
|
+
interface FormSelectAtomProps extends Omit<FormSelectAtomType, "type"> {
|
|
516
|
+
renderComponent?: any;
|
|
517
|
+
children?: any;
|
|
518
|
+
}
|
|
519
|
+
/**
|
|
520
|
+
* FormSelectAtom
|
|
521
|
+
*
|
|
522
|
+
* Self-contained form select component that properly wraps FormField, FormItem, FormLabel, FormControl, and Select.
|
|
523
|
+
* This component provides the necessary React Context for both form and select components to work correctly.
|
|
524
|
+
*
|
|
525
|
+
* Features:
|
|
526
|
+
* - Handles all form and select context requirements internally
|
|
527
|
+
* - Supports dynamic options list
|
|
528
|
+
* - Includes validation support through react-hook-form
|
|
529
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
530
|
+
*/
|
|
531
|
+
declare const FormSelectAtom: React__default.FC<FormSelectAtomProps>;
|
|
532
|
+
|
|
533
|
+
interface FormTextareaAtomType {
|
|
534
|
+
type: "FormTextarea";
|
|
535
|
+
name: string;
|
|
536
|
+
label?: string;
|
|
537
|
+
placeholder?: string;
|
|
538
|
+
description?: string;
|
|
539
|
+
defaultValue?: string;
|
|
540
|
+
required?: boolean;
|
|
541
|
+
rows?: number;
|
|
542
|
+
className?: string;
|
|
543
|
+
id?: string;
|
|
544
|
+
}
|
|
545
|
+
interface FormTextareaAtomProps extends Omit<FormTextareaAtomType, "type"> {
|
|
546
|
+
renderComponent?: any;
|
|
547
|
+
children?: any;
|
|
548
|
+
}
|
|
549
|
+
/**
|
|
550
|
+
* FormTextareaAtom
|
|
551
|
+
*
|
|
552
|
+
* Self-contained form textarea component that properly wraps FormField, FormItem, FormLabel, and FormControl.
|
|
553
|
+
* This component provides the necessary React Context for form components to work correctly.
|
|
554
|
+
*
|
|
555
|
+
* Features:
|
|
556
|
+
* - Handles all form context requirements internally
|
|
557
|
+
* - Supports configurable rows
|
|
558
|
+
* - Includes validation support through react-hook-form
|
|
559
|
+
* - Schema-safe for dynamic rendering via PXEngineRenderer
|
|
560
|
+
*/
|
|
561
|
+
declare const FormTextareaAtom: React__default.FC<FormTextareaAtomProps>;
|
|
562
|
+
|
|
469
563
|
type LayoutDirection = "vertical" | "horizontal" | "grid";
|
|
470
564
|
type GapSize = "none" | "sm" | "md" | "lg" | "xl";
|
|
471
565
|
type TextVariant = "h1" | "h2" | "h3" | "h4" | "p" | "small" | "muted" | "label";
|
|
@@ -670,7 +764,7 @@ interface CalendarAtomType extends BaseAtom {
|
|
|
670
764
|
mode?: "single" | "range" | "multiple";
|
|
671
765
|
selectedDate?: string | string[];
|
|
672
766
|
}
|
|
673
|
-
type UIAtom = ButtonAtomType | InputAtomType | ToggleAtomType | TextAtomType | LayoutAtomType | CardAtomType | TabsAtomType | AccordionAtomType | SeparatorAtomType | ScrollAreaAtomType | AspectRatioAtomType | CollapsibleAtomType | AvatarAtomType | BadgeAtomType | ProgressAtomType | TableAtomType | CarouselAtomType | AlertAtomType | TooltipAtomType | PopoverAtomType | DialogAtomType | SheetAtomType | AlertDialogAtomType | SkeletonAtomType | SpinnerAtomType | BreadcrumbAtomType | CalendarAtomType | PaginationAtomType | CommandAtomType;
|
|
767
|
+
type UIAtom = ButtonAtomType | InputAtomType | ToggleAtomType | TextAtomType | LayoutAtomType | CardAtomType | TabsAtomType | AccordionAtomType | SeparatorAtomType | ScrollAreaAtomType | AspectRatioAtomType | CollapsibleAtomType | AvatarAtomType | BadgeAtomType | ProgressAtomType | TableAtomType | CarouselAtomType | AlertAtomType | TooltipAtomType | PopoverAtomType | DialogAtomType | SheetAtomType | AlertDialogAtomType | SkeletonAtomType | SpinnerAtomType | BreadcrumbAtomType | CalendarAtomType | PaginationAtomType | CommandAtomType | FormInputAtomType | FormSelectAtomType | FormTextareaAtomType;
|
|
674
768
|
|
|
675
769
|
interface BaseMolecule extends BaseAtom {
|
|
676
770
|
}
|
|
@@ -727,7 +821,8 @@ interface UISchema {
|
|
|
727
821
|
* PXEngineRenderer
|
|
728
822
|
*
|
|
729
823
|
* Handles both the full schema { version, root } and individual components.
|
|
730
|
-
* Dynamically resolves components from
|
|
824
|
+
* Dynamically resolves components from Atoms/Molecules/UI Components registry.
|
|
825
|
+
* Prevents rendering of context-dependent components to avoid React errors.
|
|
731
826
|
*/
|
|
732
827
|
interface PXEngineRendererProps {
|
|
733
828
|
schema: UISchema | UIComponent;
|
|
@@ -751,7 +846,7 @@ interface Props$d extends ButtonAtomType {
|
|
|
751
846
|
declare const ButtonAtom: React__default.FC<Props$d>;
|
|
752
847
|
|
|
753
848
|
interface Props$c extends LayoutAtomType {
|
|
754
|
-
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
849
|
+
renderComponent: (component: UIComponent, index?: number) => React__default.ReactNode;
|
|
755
850
|
}
|
|
756
851
|
/**
|
|
757
852
|
* LayoutAtom
|
|
@@ -760,7 +855,7 @@ interface Props$c extends LayoutAtomType {
|
|
|
760
855
|
declare const LayoutAtom: React__default.FC<Props$c>;
|
|
761
856
|
|
|
762
857
|
interface Props$b extends CardAtomType {
|
|
763
|
-
renderComponent: (component: UIComponent) => React__default.ReactNode;
|
|
858
|
+
renderComponent: (component: UIComponent, index?: number) => React__default.ReactNode;
|
|
764
859
|
}
|
|
765
860
|
/**
|
|
766
861
|
* CardAtom
|
|
@@ -1256,4 +1351,4 @@ interface MCQCardProps {
|
|
|
1256
1351
|
*/
|
|
1257
1352
|
declare const MCQCard: React__default.NamedExoticComponent<MCQCardProps>;
|
|
1258
1353
|
|
|
1259
|
-
export { Accordion, AccordionAtom, type AccordionAtomType, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, type ActionButtonAtom, type ActionButtonProps, Alert, AlertAtom, type AlertAtomType, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogAtom, type AlertDialogAtomType, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AspectRatioAtom, type AspectRatioAtomType, Avatar, AvatarAtom, type AvatarAtomType, AvatarFallback, AvatarImage, Badge, BadgeAtom, type BadgeAtomType, type BaseAtom, type BaseMolecule, Breadcrumb, BreadcrumbAtom, type BreadcrumbAtomType, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonAtom, type ButtonAtomType, type ButtonSize$1 as ButtonSize, type ButtonVariant$1 as ButtonVariant, CAMPAIGN_SEED_FIELDS, Calendar, CalendarAtom, type CalendarAtomType, CampaignSeedCard, type CampaignSeedCardAtom, type CampaignSeedCardProps, Card, CardAtom, type CardAtomType, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselAtom, type CarouselAtomType, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleAtom, type CollapsibleAtomType, CollapsibleContent, CollapsibleTrigger, Command, CommandAtom, type CommandAtomType, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, CountrySelectDisplay, CountrySelectEdit, Dialog, DialogAtom, type DialogAtomType, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditableField, type EditableFieldProps, Form, FormCard, type FormCardProps, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GapSize, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAtom, type InputAtomType, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputType, KeywordBundlesDisplay, KeywordBundlesEdit, Label, LayoutAtom, type LayoutAtomType, type LayoutDirection, MCQCard, type MCQCardAtom, type MCQCardProps, type MCQOption, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PXEngineRenderer, Pagination, PaginationAtom, type PaginationAtomType, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAtom, type PopoverAtomType, PopoverContent, PopoverTrigger, Progress, ProgressAtom, type ProgressAtomType, RadioGroup, RadioGroupItem, ResizablePanel, ResizablePanelGroup, SEARCH_SPEC_FIELDS, ScrollArea, ScrollAreaAtom, type ScrollAreaAtomType, ScrollBar, SearchSpecCard, type SearchSpecCardAtom, type SearchSpecCardProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorAtom, type SeparatorAtomType, Sheet, SheetAtom, type SheetAtomType, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, SkeletonAtom, type SkeletonAtomType, Slider, Spinner, SpinnerAtom, type SpinnerAtomType, Switch, Table, TableAtom, type TableAtomType, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsAtom, type TabsAtomType, TabsContent, TabsList, TabsTrigger, TextAtom, type TextAtomType, type TextVariant, Textarea, type ToggleAtomType, Tooltip, TooltipAtom, type TooltipAtomType, TooltipContent, TooltipProvider, TooltipTrigger, type UIAtom, type UIComponent, type UIMolecule, type UISchema, cn };
|
|
1354
|
+
export { Accordion, AccordionAtom, type AccordionAtomType, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, type ActionButtonAtom, type ActionButtonProps, Alert, AlertAtom, type AlertAtomType, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogAtom, type AlertDialogAtomType, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, AspectRatioAtom, type AspectRatioAtomType, Avatar, AvatarAtom, type AvatarAtomType, AvatarFallback, AvatarImage, Badge, BadgeAtom, type BadgeAtomType, type BaseAtom, type BaseMolecule, Breadcrumb, BreadcrumbAtom, type BreadcrumbAtomType, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonAtom, type ButtonAtomType, type ButtonSize$1 as ButtonSize, type ButtonVariant$1 as ButtonVariant, CAMPAIGN_SEED_FIELDS, Calendar, CalendarAtom, type CalendarAtomType, CampaignSeedCard, type CampaignSeedCardAtom, type CampaignSeedCardProps, Card, CardAtom, type CardAtomType, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselAtom, type CarouselAtomType, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Collapsible, CollapsibleAtom, type CollapsibleAtomType, CollapsibleContent, CollapsibleTrigger, Command, CommandAtom, type CommandAtomType, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, CountrySelectDisplay, CountrySelectEdit, Dialog, DialogAtom, type DialogAtomType, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, EditableField, type EditableFieldProps, Form, FormCard, type FormCardProps, FormControl, FormDescription, FormField, FormInputAtom, type FormInputAtomType, FormItem, FormLabel, FormMessage, FormSelectAtom, type FormSelectAtomType, FormTextareaAtom, type FormTextareaAtomType, type GapSize, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputAtom, type InputAtomType, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputType, KeywordBundlesDisplay, KeywordBundlesEdit, Label, LayoutAtom, type LayoutAtomType, type LayoutDirection, MCQCard, type MCQCardAtom, type MCQCardProps, type MCQOption, Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PXEngineRenderer, Pagination, PaginationAtom, type PaginationAtomType, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAtom, type PopoverAtomType, PopoverContent, PopoverTrigger, Progress, ProgressAtom, type ProgressAtomType, RadioGroup, RadioGroupItem, ResizablePanel, ResizablePanelGroup, SEARCH_SPEC_FIELDS, ScrollArea, ScrollAreaAtom, type ScrollAreaAtomType, ScrollBar, SearchSpecCard, type SearchSpecCardAtom, type SearchSpecCardProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, type SelectOption, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SeparatorAtom, type SeparatorAtomType, Sheet, SheetAtom, type SheetAtomType, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, SkeletonAtom, type SkeletonAtomType, Slider, Spinner, SpinnerAtom, type SpinnerAtomType, Switch, Table, TableAtom, type TableAtomType, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsAtom, type TabsAtomType, TabsContent, TabsList, TabsTrigger, TextAtom, type TextAtomType, type TextVariant, Textarea, type ToggleAtomType, Tooltip, TooltipAtom, type TooltipAtomType, TooltipContent, TooltipProvider, TooltipTrigger, type UIAtom, type UIComponent, type UIMolecule, type UISchema, cn };
|