@worldresources/wri-design-systems 2.117.0 → 2.118.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import * as _chakra_ui_react from '@chakra-ui/react';
-import { ButtonProps as ButtonProps$1, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, SelectRootProps, SliderRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Tabs } from '@chakra-ui/react';
+import { SystemContext, ButtonProps as ButtonProps$1, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, SelectRootProps, SliderRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Tabs, Table as Table$1 } from '@chakra-ui/react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const designSystemStyles: _chakra_ui_react.SystemContext;
+declare const designSystemStyles: SystemContext;
+declare const getThemedColor: (variant: "neutral" | "primary" | "secondary" | "success" | "warning" | "error", index: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900, stylesSystem?: SystemContext) => string;
 
 type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     label?: string;
@@ -31,6 +31,18 @@ type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' |
 
 declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type MapControlProps = {
+    items: {
+        icon: React.ReactNode;
+        onClick?: () => void;
+        disabled?: boolean;
+        ariaLabel: string;
+    }[];
+    vertical?: boolean;
+};
+
+declare const MapControl: ({ items, vertical }: MapControlProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
     size?: 'default' | 'small';
@@ -208,7 +220,7 @@ type SelectItemProps = {
 type SelectProps = Omit<SelectRootProps, 'collection' | 'size' | 'colorPalette' | 'variant' | 'onValueChange' | 'onChange' | 'defaultChecked' | 'invalid'> & {
     label?: string;
     caption?: string;
-    placeholder: string;
+    placeholder?: string;
     defaultValue?: string[];
     items: SelectItemProps[];
     size?: 'default' | 'small';
@@ -252,7 +264,7 @@ type SliderInputProps = {
 declare const SliderInput: ({ label, caption, size, sliderItem, required, onChange, }: SliderInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TextareaProps = Omit<TextareaProps$1, 'size' | 'variant' | 'colorPalette' | 'defaultChecked'> & {
-    label: string;
+    label?: string;
     caption?: string;
     placeholder?: string;
     errorMessage?: string;
@@ -293,6 +305,15 @@ type TagProps = Omit<Tag$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'chi
 
 declare const Tag: ({ label, size, variant, disabled, icon, onClose, closable, ...rest }: TagProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type IconMarkerProps = {
+    ariaLabel: string;
+    icon: React.ReactNode;
+    backgroundColor?: string;
+    onClick?: () => void;
+};
+
+declare const IconMarker: ({ ariaLabel, icon, backgroundColor, onClick, }: IconMarkerProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type LayerItemProps = {
     name: string;
     label: string;
@@ -399,6 +420,57 @@ type ScaleBarProps = {
 
 declare const ScaleBar: ({ colors, values, subLabels, isGradient }: ScaleBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type ItemCountProps = {
+    pageSize: number;
+    currentPage: number;
+    totalItems: number;
+    onPageSizeChange?: (pageSize: number) => void;
+};
+
+declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type PaginationProps = {
+    currentPage: number;
+    totalItems: number;
+    pageSize: number;
+    compact?: boolean;
+    onPageChange?: (page: number) => void;
+};
+
+declare const Pagination: ({ totalItems, pageSize, currentPage, compact, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type TableProps = {
+    columns: {
+        key: string;
+        label: string;
+        sortable?: boolean;
+    }[];
+    data: any;
+    renderRow: any;
+    striped?: boolean;
+    stickyHeader?: boolean;
+    selectable?: boolean;
+    selectedRows?: any;
+    pagination?: {
+        totalItems: number;
+        currentPage: number;
+        pageSize: number;
+        showItemCount?: boolean;
+    };
+    onSortColumn: (sortColumn: {
+        key: string;
+        order: string;
+    }) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    onPageChange: (page: number) => void;
+    onAllItemsSelected?: (checked: boolean) => void;
+};
+
+declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+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 BreadcrumbProps = {
     links: {
         label: string;
@@ -482,4 +554,31 @@ type ToastProps = {
 
 declare const showToast: (props: ToastProps) => void;
 
-export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CloseButton, Footer, IconButton, InlineMessage, InputWithUnits, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MultiActionButton, NavigationRail, OptionCard, OptionCardGroup, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, Switch, TabBar, Tag, TextInput, Textarea, Toast, designSystemStyles, showToast };
+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;
+};
+
+export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, MultiActionButton, NavigationRail, OptionCard, OptionCardGroup, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };