@worldresources/wri-design-systems 2.191.26 → 2.193.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -432,6 +432,26 @@ type StepProgressIndicatorLabels = {
432
432
  /** Builds the aria-label per step. Default fn provided. */
433
433
  currentStepLabel: (step: number, label: string, isCompleted: boolean) => string;
434
434
  };
435
+ /** Labels for RichTextEditor internal UI strings. */
436
+ type RichTextEditorLabels = {
437
+ /** Default aria-label for the editor content region. */
438
+ editorAriaLabel: string;
439
+ /** Default placeholder shown when editor is empty. */
440
+ placeholder: string;
441
+ /** Tooltip / aria labels for controls. */
442
+ undoTooltip: string;
443
+ redoTooltip: string;
444
+ fontFamilyTooltip: string;
445
+ fontSizeTooltip: string;
446
+ boldTooltip: string;
447
+ italicTooltip: string;
448
+ underlineTooltip: string;
449
+ strikethroughTooltip: string;
450
+ bulletListTooltip: string;
451
+ orderedListTooltip: string;
452
+ linkTooltip: string;
453
+ imageTooltip: string;
454
+ };
435
455
  /**
436
456
  * Top-level labels map for the design system.
437
457
  * Consumers can provide partial overrides for any component via
@@ -466,6 +486,7 @@ type DesignSystemLabels = {
466
486
  QualitativeAttribute?: Partial<QualitativeAttributeLabels>;
467
487
  MapControlsToolbar?: Partial<MapControlsToolbarLabels>;
468
488
  StepProgressIndicator?: Partial<StepProgressIndicatorLabels>;
489
+ RichTextEditor?: Partial<RichTextEditorLabels>;
469
490
  };
470
491
 
471
492
  type DesignSystemLocaleProviderProps = {
@@ -489,6 +510,31 @@ type DesignSystemLocaleProviderProps = {
489
510
  */
490
511
  declare const DesignSystemLocaleProvider: ({ labels, children, }: DesignSystemLocaleProviderProps) => react_jsx_runtime.JSX.Element;
491
512
 
513
+ type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
514
+ icon: React__default.ReactNode;
515
+ disabled?: boolean;
516
+ };
517
+
518
+ type RichTextEditorControlKey = 'undo' | 'redo' | 'fontFamily' | 'fontSize' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'bulletList' | 'orderedList' | 'link' | 'image';
519
+ type RichTextEditorSize = string;
520
+ type RichTextEditorProps = {
521
+ defaultValue?: string;
522
+ disabled?: boolean;
523
+ ariaLabel?: string;
524
+ placeholder?: string;
525
+ /**
526
+ * Custom minimum height for the editor content area.
527
+ * If omitted, the component size is defined by its container.
528
+ */
529
+ minHeight?: string;
530
+ visibleControls?: RichTextEditorControlKey[];
531
+ onChange?: (value: string) => void;
532
+ /** Override internal labels for i18n. */
533
+ labels?: Partial<RichTextEditorLabels>;
534
+ };
535
+
536
+ declare const RichTextEditor: ({ defaultValue, disabled, ariaLabel, placeholder, minHeight, visibleControls, onChange, labels, }: RichTextEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
537
+
492
538
  type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
493
539
  label?: string;
494
540
  loading?: boolean;
@@ -503,7 +549,7 @@ type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'ch
503
549
  };
504
550
 
505
551
  /** @jsxImportSource @emotion/react */
506
- declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "size" | "variant" | "colorPalette"> & {
552
+ declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "colorPalette" | "size" | "variant"> & {
507
553
  label?: string;
508
554
  loading?: boolean;
509
555
  variant?: "primary" | "secondary" | "borderless" | "outline";
@@ -535,11 +581,6 @@ type CloseButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette'
535
581
 
536
582
  declare const CloseButton: ({ disabled, labels, ...rest }: CloseButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
537
583
 
538
- type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
539
- icon: React__default.ReactNode;
540
- disabled?: boolean;
541
- };
542
-
543
584
  declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
544
585
 
545
586
  type SizeValue = number | string;
@@ -619,9 +660,13 @@ type MenuProps = {
619
660
  }[];
620
661
  onSelect?: (value: string) => void;
621
662
  customTrigger?: React.ReactNode;
663
+ /** When set, enables checkable items. 'multiple' allows many items checked at once; 'radio' allows only one. Omit (default) for a non-selectable menu. */
664
+ selectionMode?: 'multiple' | 'radio';
665
+ /** Values that are checked by default on first render. */
666
+ defaultSelectedValues?: string[];
622
667
  };
623
668
 
624
- declare const Menu: ({ theme, label, fontSize, items, groups, onSelect, customTrigger, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
669
+ declare const Menu: ({ theme, label, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
625
670
 
626
671
  type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
627
672
  variant?: 'primary' | 'secondary';
@@ -731,7 +776,7 @@ declare const RadioGroup: ({ children, horizontal, name, value, onChange, custom
731
776
 
732
777
  /** @jsxImportSource @emotion/react */
733
778
 
734
- declare const Slider: React__default.ForwardRefExoticComponent<Omit<Slider$1.RootProps, "size" | "variant" | "colorPalette" | "label" | "defaultChecked" | "defaultValue" | "origin" | "thumbAlignment" | "thumbSize"> & {
779
+ declare const Slider: React__default.ForwardRefExoticComponent<Omit<Slider$1.RootProps, "colorPalette" | "size" | "variant" | "label" | "defaultChecked" | "defaultValue" | "origin" | "thumbAlignment" | "thumbSize"> & {
735
780
  width?: string;
736
781
  min?: number;
737
782
  max?: number;
@@ -1507,7 +1552,7 @@ type ToastProps = {
1507
1552
  label: string;
1508
1553
  caption?: React.ReactNode;
1509
1554
  type: 'success' | 'warning' | 'error' | 'info' | 'loading';
1510
- placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
1555
+ placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
1511
1556
  duration?: number;
1512
1557
  icon?: React.ReactNode;
1513
1558
  action?: {
@@ -1516,6 +1561,7 @@ type ToastProps = {
1516
1561
  };
1517
1562
  closable?: boolean;
1518
1563
  closableLabel?: string;
1564
+ onClose?: () => void;
1519
1565
  };
1520
1566
  type ToastComponentProps = {
1521
1567
  /** Override internal UI labels for internationalization support. */
@@ -1528,4 +1574,4 @@ declare const Toast: React__default.FC<ToastComponentProps>;
1528
1574
 
1529
1575
  declare const showToast: (props: ToastProps) => void;
1530
1576
 
1531
- export { AlertBanner, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, Modal, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };
1577
+ export { AlertBanner, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, Modal, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, RichTextEditor, type RichTextEditorControlKey, type RichTextEditorLabels, type RichTextEditorProps, type RichTextEditorSize, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };