@juv/codego-react-ui 1.0.2 → 1.0.4

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.
Files changed (7) hide show
  1. package/README.md +160 -0
  2. package/dist/index.cjs +488 -336
  3. package/dist/index.d.cts +27 -5
  4. package/dist/index.d.ts +27 -5
  5. package/dist/index.global.js +14850 -0
  6. package/dist/index.js +477 -328
  7. package/package.json +8 -5
package/dist/index.d.cts CHANGED
@@ -881,6 +881,31 @@ interface RepeaterProps<T> {
881
881
  }
882
882
  declare function Repeater<T>({ items, onAdd, onRemove, renderItem, addButtonText, className, }: RepeaterProps<T>): react_jsx_runtime.JSX.Element;
883
883
 
884
+ interface PanelProps {
885
+ sidebar?: React.ReactNode;
886
+ sidebarHeader?: React.ReactNode;
887
+ sidebarFooter?: React.ReactNode;
888
+ sidebarWidth?: string;
889
+ topbar?: React.ReactNode;
890
+ topbarTrailing?: React.ReactNode;
891
+ defaultCollapsed?: boolean;
892
+ collapsible?: boolean;
893
+ height?: string;
894
+ children?: React.ReactNode;
895
+ className?: string;
896
+ }
897
+ declare function Panel({ sidebar, sidebarHeader, sidebarFooter, sidebarWidth, topbar, topbarTrailing, defaultCollapsed, collapsible, height, children, className, }: PanelProps): react_jsx_runtime.JSX.Element;
898
+ declare function PanelSidebarItem({ icon: Icon, label, active, onClick, }: {
899
+ icon?: React.ElementType;
900
+ label: string;
901
+ active?: boolean;
902
+ onClick?: () => void;
903
+ }): react_jsx_runtime.JSX.Element;
904
+ declare function PanelSidebarGroup({ title, children, }: {
905
+ title?: string;
906
+ children: React.ReactNode;
907
+ }): react_jsx_runtime.JSX.Element;
908
+
884
909
  interface ResizablePanelsProps {
885
910
  children: [React.ReactNode, React.ReactNode];
886
911
  orientation?: "horizontal" | "vertical";
@@ -926,10 +951,7 @@ interface SectionProps {
926
951
  }
927
952
  declare function SectionBlock({ title, description, icon, action, children, variant, collapsible, defaultOpen, divider, className, contentClassName, }: SectionProps): react_jsx_runtime.JSX.Element;
928
953
 
929
- interface SelectOption {
930
- value: string;
931
- label: string;
932
- }
954
+ type SelectOption = Record<string | number, string>;
933
955
  interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
934
956
  options: SelectOption[];
935
957
  value?: string | string[];
@@ -1178,4 +1200,4 @@ interface WidgetProps extends React.HTMLAttributes<HTMLDivElement> {
1178
1200
  }
1179
1201
  declare function Widget({ title, value, previousValue, description, badge, footer, trendLabel, icon, iconColor, trend, trendValue, progress, progressColor, variant, size, loading, animate, pulse, onClick, className, ...props }: WidgetProps): react_jsx_runtime.JSX.Element;
1180
1202
 
1181
- export { Accordion, AvatarStack, Badge, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CircularProgress, ColorPicker, Combobox, CommandPalette, ComposableWidget, ContextMenu, DataGrid, DatePickerPopup, DateRangePicker, Drawer, Dropdown, FileUpload, FlexLayout, GridLayout, GroupNavigation, Input, KanbanBoard, Label, LeftSidebar, Modal, ModalConfirmation, ModalUnchange, ModalWithForms, Navigation, NotificationBanner, NotificationPanel, OtpInput, Pagination, Popover, Progress, RadioGroup, RangeSlider, Repeater, ResizablePanels, RichTextEditor, RightSidebar, ScrollArea, SectionBlock, Select, Skeleton, Slider, StatCard, StatsWidget, Stepper, Table, TableWidget, Tabs, TagInput, Textarea, Timeline, ToastProvider, ToggleSwitch, Tooltip, Topbar, TreeView, Widget, useToast };
1203
+ export { Accordion, AvatarStack, Badge, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CircularProgress, ColorPicker, Combobox, CommandPalette, ComposableWidget, ContextMenu, DataGrid, DatePickerPopup, DateRangePicker, Drawer, Dropdown, FileUpload, FlexLayout, GridLayout, GroupNavigation, Input, KanbanBoard, Label, LeftSidebar, Modal, ModalConfirmation, ModalUnchange, ModalWithForms, Navigation, NotificationBanner, NotificationPanel, OtpInput, Pagination, Panel, PanelSidebarGroup, PanelSidebarItem, Popover, Progress, RadioGroup, RangeSlider, Repeater, ResizablePanels, RichTextEditor, RightSidebar, ScrollArea, SectionBlock, Select, Skeleton, Slider, StatCard, StatsWidget, Stepper, Table, TableWidget, Tabs, TagInput, Textarea, Timeline, ToastProvider, ToggleSwitch, Tooltip, Topbar, TreeView, Widget, useToast };
package/dist/index.d.ts CHANGED
@@ -881,6 +881,31 @@ interface RepeaterProps<T> {
881
881
  }
882
882
  declare function Repeater<T>({ items, onAdd, onRemove, renderItem, addButtonText, className, }: RepeaterProps<T>): react_jsx_runtime.JSX.Element;
883
883
 
884
+ interface PanelProps {
885
+ sidebar?: React.ReactNode;
886
+ sidebarHeader?: React.ReactNode;
887
+ sidebarFooter?: React.ReactNode;
888
+ sidebarWidth?: string;
889
+ topbar?: React.ReactNode;
890
+ topbarTrailing?: React.ReactNode;
891
+ defaultCollapsed?: boolean;
892
+ collapsible?: boolean;
893
+ height?: string;
894
+ children?: React.ReactNode;
895
+ className?: string;
896
+ }
897
+ declare function Panel({ sidebar, sidebarHeader, sidebarFooter, sidebarWidth, topbar, topbarTrailing, defaultCollapsed, collapsible, height, children, className, }: PanelProps): react_jsx_runtime.JSX.Element;
898
+ declare function PanelSidebarItem({ icon: Icon, label, active, onClick, }: {
899
+ icon?: React.ElementType;
900
+ label: string;
901
+ active?: boolean;
902
+ onClick?: () => void;
903
+ }): react_jsx_runtime.JSX.Element;
904
+ declare function PanelSidebarGroup({ title, children, }: {
905
+ title?: string;
906
+ children: React.ReactNode;
907
+ }): react_jsx_runtime.JSX.Element;
908
+
884
909
  interface ResizablePanelsProps {
885
910
  children: [React.ReactNode, React.ReactNode];
886
911
  orientation?: "horizontal" | "vertical";
@@ -926,10 +951,7 @@ interface SectionProps {
926
951
  }
927
952
  declare function SectionBlock({ title, description, icon, action, children, variant, collapsible, defaultOpen, divider, className, contentClassName, }: SectionProps): react_jsx_runtime.JSX.Element;
928
953
 
929
- interface SelectOption {
930
- value: string;
931
- label: string;
932
- }
954
+ type SelectOption = Record<string | number, string>;
933
955
  interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
934
956
  options: SelectOption[];
935
957
  value?: string | string[];
@@ -1178,4 +1200,4 @@ interface WidgetProps extends React.HTMLAttributes<HTMLDivElement> {
1178
1200
  }
1179
1201
  declare function Widget({ title, value, previousValue, description, badge, footer, trendLabel, icon, iconColor, trend, trendValue, progress, progressColor, variant, size, loading, animate, pulse, onClick, className, ...props }: WidgetProps): react_jsx_runtime.JSX.Element;
1180
1202
 
1181
- export { Accordion, AvatarStack, Badge, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CircularProgress, ColorPicker, Combobox, CommandPalette, ComposableWidget, ContextMenu, DataGrid, DatePickerPopup, DateRangePicker, Drawer, Dropdown, FileUpload, FlexLayout, GridLayout, GroupNavigation, Input, KanbanBoard, Label, LeftSidebar, Modal, ModalConfirmation, ModalUnchange, ModalWithForms, Navigation, NotificationBanner, NotificationPanel, OtpInput, Pagination, Popover, Progress, RadioGroup, RangeSlider, Repeater, ResizablePanels, RichTextEditor, RightSidebar, ScrollArea, SectionBlock, Select, Skeleton, Slider, StatCard, StatsWidget, Stepper, Table, TableWidget, Tabs, TagInput, Textarea, Timeline, ToastProvider, ToggleSwitch, Tooltip, Topbar, TreeView, Widget, useToast };
1203
+ export { Accordion, AvatarStack, Badge, Breadcrumb, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartWidget, Checkbox, CircularProgress, ColorPicker, Combobox, CommandPalette, ComposableWidget, ContextMenu, DataGrid, DatePickerPopup, DateRangePicker, Drawer, Dropdown, FileUpload, FlexLayout, GridLayout, GroupNavigation, Input, KanbanBoard, Label, LeftSidebar, Modal, ModalConfirmation, ModalUnchange, ModalWithForms, Navigation, NotificationBanner, NotificationPanel, OtpInput, Pagination, Panel, PanelSidebarGroup, PanelSidebarItem, Popover, Progress, RadioGroup, RangeSlider, Repeater, ResizablePanels, RichTextEditor, RightSidebar, ScrollArea, SectionBlock, Select, Skeleton, Slider, StatCard, StatsWidget, Stepper, Table, TableWidget, Tabs, TagInput, Textarea, Timeline, ToastProvider, ToggleSwitch, Tooltip, Topbar, TreeView, Widget, useToast };