@carto/ps-react-ui 4.9.0 → 4.11.0

package/dist/types/widgets-v2/category/style.d.ts

@@ -13,6 +13,9 @@ export declare const styles: {
         gap: number;
         py: number;
     };
+    listScroll: {
+        pr: number;
+    };
     rowSingle: {
         display: string;
         flexDirection: string;
@@ -150,17 +153,33 @@ export declare const styles: {
     };
     otherRow: {
         display: string;
-        justifyContent: string;
         alignItems: string;
+        gap: number;
         py: number;
         px: number;
     };
+    otherLabelButton: {
+        cursor: string;
+        userSelect: string;
+        borderRadius: number;
+        px: number;
+        ml: number;
+        transition: string;
+        '&:hover': {
+            bgcolor: string;
+        };
+        '&:focus-visible': {
+            outline: string;
+            outlineColor: string;
+            outlineOffset: number;
+        };
+    };
     otherLabel: {
-        fontStyle: string;
         color: string;
         fontWeight: string;
     };
     otherCount: {
         color: string;
+        fontVariantNumeric: string;
     };
 };

package/dist/types/widgets-v2/category/types.d.ts

@@ -42,6 +42,8 @@ export type CategorySeriesConfig = WidgetSeries;
 export interface CategoryLabels {
     other?: string;
     otherCount?: string;
+    /** Tooltip shown over the clickable "Others" row. Defaults to `'Show all'`. */
+    showAll?: string;
 }
 /**
  * Visual density of the bar primitive. `'small'` (default) keeps the

package/dist/types/widgets-v2/index.d.ts

@@ -9,7 +9,7 @@ import { Toolbox } from './toolbox/toolbox';
 import { DEFAULT_TOOLBOX_LABELS } from './toolbox/labels';
 import { Echart, EchartUI, DEFAULT_INIT_OPTS } from './echart';
 import { DEFAULT_NOTE_LABELS } from './note/labels';
-import { Searcher, SearcherToggle, StackToggle, ZoomToggle, BrushToggle, RelativeData, Download, LockSelection, ChangeColumn } from './actions';
+import { Searcher, SearcherToggle, StackToggle, ShowAllToggle, ZoomToggle, BrushToggle, RelativeData, Download, LockSelection, ChangeColumn } from './actions';
 import { Formula, FormulaUI } from './formula';
 import { Markdown, MarkdownUI } from './markdown';
 import { Spread, SpreadUI } from './spread';
@@ -59,6 +59,7 @@ export declare const Widget: {
     readonly Searcher: typeof Searcher;
     readonly SearcherToggle: typeof SearcherToggle;
     readonly StackToggle: typeof StackToggle;
+    readonly ShowAllToggle: typeof ShowAllToggle;
     readonly ZoomToggle: typeof ZoomToggle;
     readonly BrushToggle: typeof BrushToggle;
     readonly RelativeData: typeof RelativeData;
@@ -95,7 +96,7 @@ export type { ToolboxLabels } from './toolbox/labels';
 export type { EchartProps, EchartUIProps, EchartsEventHandler } from './echart';
 export type { NoteProps, NoteMarkdownProps } from './note/widget-note';
 export type { NoteLabels } from './note/labels';
-export type { SearcherProps, SearcherToggleProps, StackToggleProps, ZoomToggleProps, BrushToggleProps, RelativeDataProps, DownloadProps, DownloadItem, FullScreenTriggerProps, FullScreenSlotProps, LockSelectionProps, LockSelectionKey, ChangeColumnProps, ChangeColumnItem, } from './actions';
+export type { SearcherProps, SearcherToggleProps, StackToggleProps, ShowAllToggleProps, ZoomToggleProps, BrushToggleProps, RelativeDataProps, DownloadProps, DownloadItem, FullScreenTriggerProps, FullScreenSlotProps, LockSelectionProps, LockSelectionKey, ChangeColumnProps, ChangeColumnItem, } from './actions';
 export type { FormulaUIProps, FormulaDataItem, FormulaWidgetData, } from './formula';
 export type { MarkdownUIProps, MarkdownWidgetData } from './markdown';
 export type { PieDatum, PieWidgetData } from './pie';

package/dist/types/widgets-v2/selection-summary/labels.d.ts

@@ -1,6 +1,11 @@
+import { ReactNode } from 'react';
 export interface SelectionSummaryLabels {
-    allSelected: string;
-    selections: (count: number) => string;
+    /**
+     * Optional custom renderer for the count. Defaults to the built-in two-tone
+     * `selected / total` rendering. Receives the already-resolved displayed
+     * number (which equals `total` when nothing is selected).
+     */
+    summary?: (selected: number, total: number) => ReactNode;
     clear: string;
 }
 export declare const DEFAULT_SELECTION_SUMMARY_LABELS: SelectionSummaryLabels;

package/dist/types/widgets-v2/selection-summary/selection-summary.d.ts

@@ -4,19 +4,26 @@ import { SelectionSummaryLabels } from './labels';
 export interface SelectionSummaryProps {
     /** Number of currently selected items. */
     count: number;
-    /** Optional total — when 0 the component renders nothing (no data to summarize). */
+    /** Optional total — when `undefined` or `0` the component renders nothing (no data). */
     total?: number;
-    /** Clear callback. Shown only when count > 0. */
+    /** Clear callback. The Clear control is shown only when `count > 0` and `onClear` is provided. */
     onClear?: () => void;
     labels?: Partial<SelectionSummaryLabels>;
     icon?: ComponentType<SvgIconProps>;
     iconProps?: SvgIconProps;
 }
 /**
+ * Renders a `selected / total` count.
+ *
  * Render rules:
- *   - `total === 0` → render nothing.
- *   - `count === 0` → render `labels.allSelected` (matches v1 default),
- *     prefixed with the optional `icon` glyph when provided.
- *   - `count > 0`   → render `labels.selections(count)` + Clear (when `onClear`).
+ *   - `!total` (undefined or 0) → render nothing (no data to summarize).
+ *   - `count === 0` → display `total / total` (everything is implicitly in
+ *     scope); no Clear button.
+ *   - `count > 0` → display `count / total` + Clear (when `onClear` is given).
+ *
+ * The count is two-tone by default (selected number bold/`text.primary`,
+ * ` / total` in `text.secondary`). Pass `labels.summary` to render a custom
+ * node instead — it receives the already-resolved displayed number (which
+ * equals `total` when nothing is selected).
  */
 export declare function SelectionSummary({ count, total, onClear, labels, icon: Icon, iconProps, }: SelectionSummaryProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/widgets-v2/selection-summary/style.d.ts

@@ -8,6 +8,21 @@ export declare const styles: {
     label: {
         color: "text.secondary";
     };
+    count: {
+        display: "inline-flex";
+        alignItems: "baseline";
+        gap: number;
+    };
+    selected: {
+        color: "text.primary";
+        fontWeight: number;
+    };
+    separator: {
+        color: "text.secondary";
+    };
+    total: {
+        color: "text.secondary";
+    };
     clear: {
         color: "primary.main";
         cursor: "pointer";

package/dist/types/widgets-v2/wrapper/style.d.ts

@@ -5,10 +5,9 @@ export declare const styles: {
         width: string;
         minWidth: number;
         bgcolor: "background.paper";
-        border: "1px solid";
-        borderColor: "divider";
         borderRadius: number;
         overflow: "hidden";
+        boxShadow: "none";
         '&::before': {
             display: "none";
         };

package/dist/types/widgets-v2/wrapper/widget-wrapper.d.ts

@@ -23,6 +23,11 @@ export interface WrapperProps {
      */
     defaultCollapsed?: boolean;
     disabled?: boolean;
+    /**
+     * Visual variant. `'elevation'` (default) renders a borderless shell;
+     * `'outlined'` adds a 1px divider border around the card.
+     */
+    variant?: 'outlined' | 'elevation';
     labels?: Partial<WrapperLabels>;
     /**
      * Icon shown at the right edge of the summary row. Accordion rotates it
@@ -48,4 +53,4 @@ export interface WrapperProps {
  * render inside the summary row; everything else (`<Content>`, `<Footer>`,
  * loose nodes) renders inside the details panel.
  */
-export declare function Wrapper({ title, collapsed, onCollapseChange, defaultCollapsed, disabled, labels, expandIcon: ExpandIcon, iconProps, sx, children, }: WrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Wrapper({ title, collapsed, onCollapseChange, defaultCollapsed, disabled, variant, labels, expandIcon: ExpandIcon, iconProps, sx, children, }: WrapperProps): import("react/jsx-runtime").JSX.Element;