@worldresources/wri-design-systems 2.128.2 → 2.130.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 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, Table as Table$1 } 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, Table as Table$1, Tabs } 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';
@@ -362,31 +362,6 @@ declare const LayerGroupContainer: ({ children, defaultValue, ...rest }: LayerGr
 
 declare const LayerItem: ({ name, label, caption, showInfoButton, infoButtonLabel, variant, disabled, onInfoClick, isDefaultSelected, onChange, }: LayerItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
-    label: string;
-    value: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-};
-type TabBarProps = {
-    variant?: 'panel' | 'view';
-    defaultValue?: string;
-    tabs: TabBarItemProps[];
-    onTabClick?: (tabLabel: string) => void;
-};
-
-type LayerPanelProps = {
-    title: string;
-    description: string;
-    tabBarVariant?: 'panel' | 'view';
-    buttonTabs?: TabBarItemProps[];
-    defaultValue?: string;
-    onTabClick?: (tabLabel: string) => void;
-    children: React.ReactNode;
-};
-
-declare const LayerPanel: ({ title, description, tabBarVariant, buttonTabs, defaultValue, onTabClick, children, }: LayerPanelProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 type LayerParametersProps = {
     label: string;
     children: React.ReactNode;
@@ -409,14 +384,6 @@ type LegendItemProps = {
 
 declare const LegendItem: ({ layerName, dataUnit, onDrag, onUpClick, onDownClick, onRemoveClick, children, onInfoClick, onOpacityChanged, }: LegendItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type LegendPanelProps = {
-    legendContent: React$1.ReactElement[];
-    analysisContent: React$1.ReactNode;
-    onTabClick?: (tabValue: string) => void;
-};
-
-declare const LegendPanel: ({ legendContent, analysisContent, onTabClick, }: LegendPanelProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 type QualitativeAttributeProps = {
     type: 'raster' | 'line' | 'point';
     label: string;
@@ -491,6 +458,30 @@ 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 PanelProps = {
+    header?: React.ReactNode;
+    content: React.ReactNode;
+    footer?: React.ReactNode;
+    width?: string;
+    variant?: 'fixed' | 'floating';
+};
+
+declare const Panel: ({ header, content, footer, variant, width, }: PanelProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type SheetProps = {
+    header?: React.ReactNode;
+    content: React.ReactNode;
+    footer?: React.ReactNode;
+    open: boolean;
+    onClose?: () => void;
+    minimizedHeight?: number;
+    midHeight?: number;
+    maxFullHeight?: number;
+    defaultSnap?: 'closed' | 'minimized' | 'mid' | 'full';
+};
+
+declare const Sheet: ({ header, content, footer, open, onClose, minimizedHeight, midHeight, maxFullHeight, defaultSnap, }: SheetProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type BreadcrumbProps = {
     links: {
         label: string;
@@ -590,6 +581,19 @@ type StepBarProps = {
 
 declare const StepBar: ({ steps, currentStep }: StepBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+type TabBarProps = {
+    variant?: 'panel' | 'view';
+    defaultValue?: string;
+    tabs: TabBarItemProps[];
+    onTabClick?: (tabLabel: string) => void;
+};
+
 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;
@@ -692,4 +696,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, 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 };
+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, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };