@worldresources/wri-design-systems 2.131.0 → 2.133.0

package/dist/index.d.ts

@@ -19,6 +19,18 @@ type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'ch
 
 declare const Button: ({ label, loading, variant, size, disabled, leftIcon, rightIcon, ...rest }: ButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type GenericSSOButtonsProps = {
+    ariaLabel?: string;
+    size?: 'default' | 'small';
+    onClick?: () => void;
+};
+declare const SSOButtons: {
+    Google: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
+    Facebook: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
+    X: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
+    Microsoft: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
+};
+
 type CloseButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
     disabled?: boolean;
 };
@@ -44,6 +56,49 @@ type MapControlProps = {
 
 declare const MapControl: ({ items, vertical }: MapControlProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type ZoomProps = {
+    onZoomInClick: () => void;
+    onZoomOutClick: () => void;
+    vertical?: boolean;
+};
+type GenericMapControlProps = {
+    onClick: () => void;
+};
+declare const MapControls: {
+    Zoom: ({ onZoomInClick, onZoomOutClick, vertical }: ZoomProps) => react_jsx_runtime.JSX.Element;
+    Expand: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
+    Share: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
+    Print: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
+    Settings: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
+    Question: ({ onClick }: GenericMapControlProps) => 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;
+};
+
+declare const Menu: ({ label, items, groups, onSelect, customTrigger }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
     size?: 'default' | 'small';
@@ -332,6 +387,16 @@ type IconMarkerProps = {
 
 declare const IconMarker: ({ ariaLabel, icon, backgroundColor, onClick, }: IconMarkerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type GenericIconMarkersProps = {
+    ariaLabel?: string;
+    onClick?: () => void;
+};
+declare const IconMarkers: {
+    Paper: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+    Drop: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+    Plant: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+};
+
 type LayerItemProps = {
     name: string;
     label: string;
@@ -415,16 +480,6 @@ type ItemCountProps = {
 
 declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, showItemCountText, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type PaginationProps = {
-    currentPage: number;
-    totalItems: number;
-    pageSize: number;
-    variant?: 'default' | 'compact' | 'compact-with-buttons';
-    onPageChange?: (page: number) => void;
-};
-
-declare const Pagination: ({ totalItems, pageSize, currentPage, variant, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 type TableProps = {
     columns: {
         key: string;
@@ -458,6 +513,23 @@ declare const Table: ({ columns, data, renderRow, striped, stickyHeader, paginat
 declare const TableRow: React$1.ForwardRefExoticComponent<Table$1.RowProps & React$1.RefAttributes<HTMLTableRowElement>>;
 declare const TableCell: React$1.ForwardRefExoticComponent<Table$1.CellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 
+type ModalProps = {
+    title: string;
+    content: React.ReactNode;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    draggable?: boolean;
+    blocking?: boolean;
+    open: boolean;
+    onClose?: () => void;
+    showCancelButton?: boolean;
+    cancelLabel?: string;
+    showActionButton?: boolean;
+    actionLabel?: string;
+    onActionClick?: VoidFunction;
+};
+
+declare const Modal: ({ title, content, size, draggable, blocking, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
 type PanelProps = {
     header?: React.ReactNode;
     content: React.ReactNode;
@@ -505,30 +577,6 @@ 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;
@@ -540,6 +588,7 @@ type NavbarNavigationItemsProps = {
 type NavbarProps = {
     logo?: React.ReactNode;
     linkRouter: any;
+    pathname: string;
     navigationSection?: NavbarNavigationItemsProps[];
     utilitySection?: React.ReactNode[];
     actionsSection?: {
@@ -551,7 +600,7 @@ type NavbarProps = {
     onNavbarHeightChange?: (height: number) => void;
 };
 
-declare const Navbar: ({ logo, linkRouter, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Navbar: ({ logo, linkRouter, pathname, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type NavigationRailTabProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;
@@ -571,15 +620,15 @@ type NavigationRailProps = {
 
 declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, navbarHeight, footerHeight, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type StepBarProps = {
-    steps: {
-        label?: string;
-        onClick?: () => void;
-    }[];
-    currentStep: number;
+type PaginationProps = {
+    currentPage: number;
+    totalItems: number;
+    pageSize: number;
+    variant?: 'default' | 'compact' | 'compact-with-buttons';
+    onPageChange?: (page: number) => void;
 };
 
-declare const StepBar: ({ steps, currentStep }: StepBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ totalItems, pageSize, currentPage, variant, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;
@@ -596,25 +645,6 @@ type TabBarProps = {
 
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _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;
-    content: React.ReactNode;
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
-    draggable?: boolean;
-    blocking?: boolean;
-    open: boolean;
-    onClose?: () => void;
-    showCancelButton?: boolean;
-    cancelLabel?: string;
-    showActionButton?: boolean;
-    actionLabel?: string;
-    onActionClick?: VoidFunction;
-};
-
-declare const Modal: ({ title, content, size, draggable, blocking, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
-
 type BadgeProps = {
     hasNotification?: boolean;
     notificationCount?: number;
@@ -642,6 +672,16 @@ type ProgressBarProps = {
 
 declare const ProgressBar: ({ progress }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type StepProgressIndicatorProps = {
+    steps: {
+        label?: string;
+        onClick?: () => void;
+    }[];
+    currentStep: number;
+};
+
+declare const StepProgressIndicator: ({ steps, currentStep, }: StepProgressIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 /** @jsxImportSource @emotion/react */
 
 declare const Toast: React$1.FC;
@@ -663,43 +703,4 @@ type ToastProps = {
 
 declare const showToast: (props: ToastProps) => void;
 
-type ZoomProps = {
-    onZoomInClick: () => void;
-    onZoomOutClick: () => void;
-    vertical?: boolean;
-};
-type GenericMapControlProps = {
-    onClick: () => void;
-};
-declare const MapControls: {
-    Zoom: ({ onZoomInClick, onZoomOutClick, vertical }: ZoomProps) => react_jsx_runtime.JSX.Element;
-    Expand: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Share: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Print: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Settings: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Question: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-};
-
-type GenericIconMarkersProps = {
-    ariaLabel?: string;
-    onClick?: () => void;
-};
-declare const IconMarkers: {
-    Paper: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
-    Drop: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
-    Plant: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
-};
-
-type GenericSSOButtonsProps = {
-    ariaLabel?: string;
-    size?: 'default' | 'small';
-    onClick?: () => void;
-};
-declare const SSOButtons: {
-    Google: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
-    Facebook: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
-    X: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
-    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, LayerParameters, LegendItem, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, 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, LayerParameters, LegendItem, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepProgressIndicator, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };