@geotab/zenith 3.6.3-beta.0 → 3.7.0-beta.0

package/esm/pillExpandable/pillExpandable.d.ts

@@ -1,5 +1,6 @@
 import "./pillExpandable.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
+import { Exclusive } from "../commonHelpers/types/exclusive";
 import React, { FC, ReactNode } from "react";
 import { TViewMoreButton } from "./getProps";
 import { IIcon } from "../icons/icon";
@@ -20,6 +21,7 @@ export interface IBaseData {
     count?: TLazyContent<number>;
     mainAction?: TLazyContent<IPillExpandableAction>;
     secondaryAction?: TLazyContent<IPillExpandableAction>;
+    tertiaryAction?: TLazyContent<IPillExpandableAction>;
     getData?: undefined;
 }
 export interface IPromisedBaseData {
@@ -29,16 +31,20 @@ export interface IPromisedBaseData {
     count?: undefined;
     mainAction?: undefined;
     secondaryAction?: undefined;
+    tertiaryAction?: undefined;
 }
 type TProps = IBaseData | IPromisedBaseData;
-export interface IPillExpandable extends IZenComponentProps {
+export type TPopoverVariant = "default" | "placeholder";
+export type TPopoverSize = "small" | "medium" | "large";
+type TPillTypeBase = "error" | "success" | "warning" | "info" | "default";
+export type TPillType = TPillTypeBase | "upsell";
+/** Base props shared by all PillExpandable variants */
+export interface IPillExpandableBase extends IZenComponentProps {
     uniquePills?: number;
     text: string;
-    type?: "error" | "success" | "warning" | "info" | "default";
     viewMoreAction?: TViewMoreButton;
     className?: string;
     popupClassName?: string;
-    icon?: FC<IIcon> | false;
     secondaryIcon?: FC<IIcon> | false;
     isFlat?: boolean;
     isLoading?: boolean;
@@ -47,8 +53,25 @@ export interface IPillExpandable extends IZenComponentProps {
     isBeta?: boolean;
     hideCounterNumber?: boolean;
     autoExpandChildren?: boolean;
+    /** Popover size: small (220px), medium (320px), large (420px). Default: "medium" */
+    popoverSize?: TPopoverSize;
+    /** Title displayed in the popover title bar. If provided, the title bar will be shown. */
+    title?: string;
+}
+/** Props for standard PillExpandable (non-upsell) */
+interface IPillExpandableStandard extends IPillExpandableBase {
+    type?: TPillTypeBase;
+    icon?: FC<IIcon> | false;
+}
+/** Props for upsell PillExpandable - icon and children are not allowed */
+interface IPillExpandableUpsell extends IPillExpandableBase {
+    type: "upsell";
+    icon?: never;
+    children?: never;
 }
+/** Combined type using Exclusive to prevent mixing upsell with standard props */
+export type IPillExpandable = Exclusive<IPillExpandableStandard, IPillExpandableUpsell>;
 type TPillExpandable = IPillExpandable & TProps;
-export declare const PillExpandable: React.MemoExoticComponent<({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon, secondaryIcon, isBeta, loadingWidth, hideCounterNumber, autoExpandChildren }: TPillExpandable) => import("react/jsx-runtime").JSX.Element>;
+export declare const PillExpandable: React.MemoExoticComponent<({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, tertiaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon, secondaryIcon, isBeta, loadingWidth, hideCounterNumber, autoExpandChildren, popoverSize, title }: TPillExpandable) => import("react/jsx-runtime").JSX.Element>;
 export declare const TRANSLATIONS: string[];
 export {};