@worldresources/wri-design-systems 2.143.1 → 2.145.0

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as React$1 from 'react';
 import React__default, { ReactElement, Ref } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { Placement } from '@floating-ui/react';
 
 declare const designSystemStyles: _chakra_ui_react.SystemContext;
 declare const getThemedColor: (variant: "neutral" | "primary" | "secondary" | "success" | "warning" | "error" | "accessible", index: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "text-on-primary-mids" | "text-on-secondary-mids" | "controls-on-neutral-lights" | "controls-on-neutral-darks") => string;
@@ -429,23 +430,44 @@ declare const BaseMap: ({ title, caption, additionalSettings, options, onOptionS
 
 type IconMarkerProps = {
     ariaLabel: string;
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
     backgroundColor?: string;
     onClick?: () => void;
+    showFocusState?: boolean;
 };
 
-declare const IconMarker: ({ ariaLabel, icon, backgroundColor, onClick, }: IconMarkerProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const IconMarker: React$1.ForwardRefExoticComponent<IconMarkerProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 type GenericIconMarkersProps = {
     ariaLabel?: string;
     onClick?: () => void;
+    triggerRef?: React__default.Ref<HTMLButtonElement>;
+    showFocusState?: boolean;
 };
 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;
+    Paper: ({ ariaLabel, onClick, triggerRef, showFocusState, }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+    Drop: ({ ariaLabel, onClick, triggerRef, showFocusState, }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+    Plant: ({ ariaLabel, onClick, triggerRef, showFocusState, }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
+    Point: ({ ariaLabel, onClick, triggerRef, showFocusState, }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
 };
 
+type MapPopUpProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The element that the modal/connector should point to */
+    anchorRef: React.RefObject<HTMLElement>;
+    header: React.ReactNode;
+    content: React.ReactNode;
+    footer?: React.ReactNode;
+    placement?: Placement;
+    /** Gap between anchor and modal. Also affects connector length */
+    offset?: number;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+};
+
+declare const MapPopUp: ({ open, onOpenChange, anchorRef, header, content, footer, placement, offset, closeOnEscape, closeOnOutsideClick, }: MapPopUpProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
 type LayerItemProps = {
     name: string;
     label: string;
@@ -544,9 +566,10 @@ interface ListItemProps {
 }
 interface ListProps {
     items: ListItemProps[];
+    noBorder?: boolean;
 }
 
-declare const List: ({ items }: ListProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const List: ({ items, noBorder }: ListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TableProps = {
     columns: {
@@ -589,6 +612,22 @@ interface ExtendableCardProps {
 
 declare const ExtendableCard: ({ children, header, footer }: ExtendableCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+interface AnalysisWidgetProps {
+    children: React__default.ReactNode;
+    header: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    expanded?: boolean;
+    collapsible?: boolean;
+    actions?: AnalysisWidgetActionsProps[];
+}
+interface AnalysisWidgetActionsProps {
+    label: string;
+    onClick: () => void;
+    icon?: React__default.ReactNode;
+}
+
+declare const AnalysisWidget: ({ children, header, footer, expanded, collapsible, actions, }: AnalysisWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ModalProps = {
     header: React.ReactNode;
     content: React.ReactNode;
@@ -796,4 +835,4 @@ type ToastProps = {
 
 declare const showToast: (props: ToastProps) => void;
 
-export { Badge, BaseMap, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, ExtendableCard, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, List, MapControlsToolbar, Menu, MobileTabBar, 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, Toolbar, Tooltip, designSystemStyles, getThemedColor, showToast };
+export { AnalysisWidget, Badge, BaseMap, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, ExtendableCard, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, List, MapControlsToolbar, MapPopUp, Menu, MobileTabBar, 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, Toolbar, Tooltip, designSystemStyles, getThemedColor, showToast };