@worldresources/wri-design-systems 2.126.3 → 2.128.0

package/dist/index.d.ts

@@ -452,11 +452,11 @@ type PaginationProps = {
     currentPage: number;
     totalItems: number;
     pageSize: number;
-    compact?: boolean;
+    variant?: 'default' | 'compact' | 'compact-with-buttons';
     onPageChange?: (page: number) => void;
 };
 
-declare const Pagination: ({ totalItems, pageSize, currentPage, compact, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ totalItems, pageSize, currentPage, variant, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TableProps = {
     columns: {
@@ -477,12 +477,12 @@ type TableProps = {
         showItemCount?: boolean;
         showItemCountText?: boolean;
     };
-    onSortColumn: (sortColumn: {
+    onSortColumn?: (sortColumn: {
         key: string;
         order: string;
     }) => void;
-    onPageSizeChange: (pageSize: number) => void;
-    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    onPageChange?: (page: number) => void;
     onAllItemsSelected?: (checked: boolean) => void;
 };
 
@@ -514,6 +514,54 @@ type FooterProps = {
 
 declare const Footer: ({ children, label, fixed, filled, maxWidth, }: FooterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type MenuItemProps = {
+    label?: string;
+    caption?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    command?: string;
+    children?: React.ReactNode;
+    value?: string;
+    disabled?: boolean;
+    submenu?: MenuItemProps[];
+    onClick?: () => void;
+    link?: string;
+};
+type MenuProps = {
+    label: string;
+    items?: MenuItemProps[];
+    groups?: {
+        title: string;
+        items: MenuItemProps[];
+    }[];
+    onSelect?: (value: string) => void;
+    customTrigger?: React.ReactNode;
+};
+
+type NavbarNavigationItemsProps = {
+    label: string;
+    link?: string;
+    onClick?: () => void;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    items?: MenuItemProps[];
+};
+type NavbarProps = {
+    logo?: React.ReactNode;
+    linkRouter: any;
+    navigationSection?: NavbarNavigationItemsProps[];
+    utilitySection?: React.ReactNode[];
+    actionsSection?: {
+        label: string;
+        onClick?: () => void;
+    }[];
+    maxWidth?: number;
+    fixed?: boolean;
+    onNavbarHeightChange?: (height: number) => void;
+};
+
+declare const Navbar: ({ logo, linkRouter, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type NavigationRailTabProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;
     value: string;
@@ -526,10 +574,11 @@ type NavigationRailProps = {
     onTabClick?: (selectedValue: string) => void;
     children?: React.ReactNode;
     onOpenChange?: (open: boolean) => void;
-    customHeight?: string;
+    navbarHeight?: string;
+    footerHeight?: string;
 };
 
-declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, customHeight, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, navbarHeight, footerHeight, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type StepBarProps = {
     steps: {
@@ -543,28 +592,7 @@ declare const StepBar: ({ steps, currentStep }: StepBarProps) => _emotion_react_
 
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type MenuItemProps = {
-    label?: string;
-    caption?: string;
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    command?: string;
-    children?: React.ReactNode;
-    value: string;
-    disabled?: boolean;
-    submenu?: MenuItemProps[];
-};
-type MenuProps = {
-    label: string;
-    items?: MenuItemProps[];
-    groups?: {
-        title: string;
-        items: MenuItemProps[];
-    }[];
-    onSelect?: (value: string) => void;
-};
-
-declare const Menu: ({ label, items, groups, onSelect }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Menu: ({ label, items, groups, onSelect, customTrigger }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ModalProps = {
     title: string;
@@ -663,4 +691,4 @@ declare const SSOButtons: {
     Microsoft: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
+export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };