@pisell/materials 1.0.1086 → 1.0.1087

package/es/components/hardwareErrorTip/errorCard/index.d.ts

@@ -0,0 +1,28 @@
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface ErrorCardData {
+    error_level: 0 | 1 | 2 | 3;
+    error_message: string;
+    error_code: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+}
+interface IErrorCardProps {
+    data: ErrorCardData;
+    onClose?: () => void;
+}
+declare const ErrorCard: (props: IErrorCardProps) => JSX.Element | null;
+export default ErrorCard;

package/es/components/hardwareErrorTip/errorTipStatistics/index.d.ts

@@ -0,0 +1,12 @@
+import './index.less';
+export declare type StatisticsData = {
+    fatal: number;
+    critical: number;
+    normal: number;
+    info: number;
+};
+interface IStatisticsProps {
+    data: StatisticsData;
+}
+declare const Statistics: (props: IStatisticsProps) => JSX.Element;
+export default Statistics;

package/es/components/hardwareErrorTip/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type StatisticsData } from './errorTipStatistics';
+import { type ErrorCardData } from './errorCard';
+import { type LogCardData } from './logCard';
+import './index.less';
+interface HardwareErrorTipProps {
+    statistics: StatisticsData;
+    errors?: ErrorCardData[];
+    logs?: LogCardData[];
+    onExportLogs?: (logs: any) => void;
+    onCloseError?: (error: ErrorCardData, index?: number) => void;
+    onTabChange?: (activeTab: string) => void;
+    activeTab?: string;
+    isLoadingErrors?: boolean;
+    isLoadingLogs?: boolean;
+    style?: React.CSSProperties;
+}
+declare const HardwareErrorTip: React.FC<HardwareErrorTipProps>;
+export default HardwareErrorTip;

package/es/components/hardwareErrorTip/logCard/index.d.ts

@@ -0,0 +1,27 @@
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface LogCardData {
+    log_level: 0 | 1 | 2;
+    message: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+    data?: string;
+}
+interface ILogCardProps {
+    data: LogCardData;
+}
+declare const LogCard: (props: ILogCardProps) => JSX.Element;
+export default LogCard;

package/es/components/hardwareErrorTip/types.d.ts

@@ -0,0 +1,28 @@
+export declare const prefix = "pisell-lowcode";
+export declare const ErrorTypeTheme: {
+    readonly fatal: {
+        readonly iconColor: "#cf1322";
+        readonly backgroundColor: "#fff1f0";
+        readonly shadowColor: "#ffa39e";
+        readonly badgeColor: "#fee2e1";
+    };
+    readonly critical: {
+        readonly iconColor: "#d4380d";
+        readonly backgroundColor: "#fff2e8";
+        readonly shadowColor: "#ffbb96";
+        readonly badgeColor: "#ffedd5";
+    };
+    readonly normal: {
+        readonly iconColor: "#0958d9";
+        readonly backgroundColor: "#e6f4ff";
+        readonly shadowColor: "#91caff";
+        readonly badgeColor: "#d2eafd";
+    };
+    readonly info: {
+        readonly iconColor: "#389e0d";
+        readonly backgroundColor: "#f6ffed";
+        readonly shadowColor: "#b7eb8f";
+        readonly badgeColor: "#dcfce7";
+    };
+};
+export declare const errorTypes: any[];

package/es/components/iconfont/index.d.ts

@@ -0,0 +1,8 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import React from 'react';
+interface IconFontProps extends IconComponentProps {
+    type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

package/es/components/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const List: {
     (props: any): JSX.Element;

package/es/components/login-and-register/index.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import './index.less';
+/**
+ * loginAndRegister组件的属性接口
+ */
+export interface loginAndRegisterProps {
+    /** Logo相关配置 */
+    showLogo?: boolean;
+    logo?: string;
+    logoPosition?: 'left' | 'center' | 'right';
+    logoSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** 标题相关配置 */
+    title?: string;
+    showTitle?: boolean;
+    titleAlign?: 'left' | 'center' | 'right';
+    /** 副标题相关配置 */
+    subtitle?: string;
+    showSubtitle?: boolean;
+    subtitleAlign?: 'left' | 'center' | 'right';
+    /** 登录方式配置 */
+    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
+    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
+    /** 表单配置 */
+    emailLabel?: string;
+    passwordLabel?: string;
+    emailPlaceholder?: string;
+    passwordPlaceholder?: string;
+    emailRules?: any[];
+    buttonText?: string;
+    rememberMeText?: string;
+    forgotPasswordText?: string;
+    showRememberMe?: boolean;
+    showForgotPassword?: boolean;
+    /** 社交登录配置 */
+    socialLoginTexts?: {
+        google?: string;
+        facebook?: string;
+        apple?: string;
+    };
+    /** 底部配置 */
+    showFooter?: boolean;
+    showSignUp?: boolean;
+    signUpText?: string;
+    signUpLink?: string;
+    signUpPosition?: 'left' | 'center' | 'right';
+    otherLinks?: Array<{
+        text: string;
+        url: string;
+    }>;
+    otherLinksPosition?: 'left' | 'center' | 'right';
+    /** 登录/注册切换配置 */
+    showTabs?: boolean;
+    loginTabText?: string;
+    registerTabText?: string;
+    /** 注册表单配置 */
+    registerEmailPlaceholder?: string;
+    registerPasswordPlaceholder?: string;
+    registerButtonText?: string;
+    /** 事件回调 */
+    onLogin?: (values: {
+        email: string;
+        loginMethod: string;
+    }) => void;
+    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
+    onSignUp?: () => void;
+    onRegister?: (values: {
+        email: string;
+        password: string;
+    }) => void;
+    /** 新增背景图片属性 */
+    backgroundImage?: string;
+}
+/**
+ * Saas登录组件
+ * @param props - 组件属性
+ * @returns React组件
+ */
+declare const loginAndRegister: React.FC<loginAndRegisterProps>;
+export default loginAndRegister;

package/es/components/lowCodePage/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type LowCodePageProps = {
     id: number;
 };

package/es/components/page/index.d.ts

@@ -0,0 +1,8 @@
+import { ConfigProviderProps } from '../config-provider';
+interface PageProps extends ConfigProviderProps {
+    variablesConfig?: {
+        disabledHistoryListener?: boolean;
+    };
+}
+declare const Page: (props: PageProps) => JSX.Element;
+export default Page;

package/es/components/pisell-config-provider/context.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface PisellContextType {
+    platform: 'h5' | 'pc' | 'ipad';
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    /** 获取货币符号 */
+    getSymbolic?: () => string;
+}
+export declare const PisellContext: import("react").Context<PisellContextType>;
+/**
+ * provider外获取当前全局配置
+ */
+declare class GlobalConfig {
+    private config;
+    constructor();
+    setConfig(config: PisellContextType): void;
+    getConfig(): PisellContextType;
+}
+export declare const globalConfig: GlobalConfig;
+export default PisellContext;

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    getSymbolic?: () => string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/es/components/pisellActionPanel/PisellActionPanel.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { PisellActionPanelProps } from './types';
+import './PisellActionPanel.less';
+/**
+ * PisellActionPanel 操作面板
+ * 用于统一承载、编排和呈现一组用户可执行操作（Actions）的 Pro 组件。
+ * 支持分组、布局、对齐、主/次/危险层级与条件显隐。
+ *
+ * 设计文档：Action Panel (pcp_ge_actionPanel_V1.0)
+ *
+ * @param props 组件 Props
+ */
+export declare function PisellActionPanel({ groups, layout, align, overflowStrategy, groupGap, itemGap, className, style, }: PisellActionPanelProps): JSX.Element;

package/es/components/pisellActionPanel/PisellActionPanel.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellActionPanel } from './PisellActionPanel';
+declare const meta: Meta<typeof PisellActionPanel>;
+export default meta;
+declare type Story = StoryObj<typeof PisellActionPanel>;
+/** 默认：单组两按钮 */
+export declare const Default: Story;
+/** 右对齐（表单底部常见） */
+export declare const AlignRight: Story;
+/** 多组：主操作 + 危险操作 */
+export declare const MultipleGroups: Story;
+/** 竖向布局 */
+export declare const VerticalLayout: Story;
+/** 条件显隐（某条 visible: false） */
+export declare const ConditionalVisible: Story;
+/** 居中 */
+export declare const AlignCenter: Story;
+/** space-between 两端对齐 */
+export declare const SpaceBetween: Story;

package/es/components/pisellActionPanel/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellActionPanel 组件导出
+ * 操作面板：统一承载、编排一组用户可执行操作
+ */
+export { PisellActionPanel } from './PisellActionPanel';
+export type { PisellActionPanelProps, PisellActionPanelGroup, PisellActionPanelItem, ActionPanelLayout, ActionPanelAlign, ActionPanelOverflowStrategy, ActionPanelItemPriority, } from './types';

package/es/components/pisellActionPanel/types.d.ts

@@ -0,0 +1,83 @@
+import type { CSSProperties, ReactNode } from 'react';
+/**
+ * 操作项层级（主/次/危险）
+ */
+export declare type ActionPanelItemPriority = 'primary' | 'secondary' | 'danger' | 'default';
+/**
+ * Action Panel 单条操作项
+ * 对应设计文档 Action Item，可渲染为 Button / IconButton
+ */
+export interface PisellActionPanelItem {
+    /** 唯一 key，用于 React key；不传则用 index */
+    key?: string;
+    /** 展示文案（Button 时显示） */
+    label?: string;
+    /** 图标节点（可单独图标或与 label 同显） */
+    icon?: ReactNode;
+    /** 点击回调 */
+    onClick?: () => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示（条件显隐） @default true */
+    visible?: boolean;
+    /** 层级：主/次/危险/默认，影响按钮样式 */
+    priority?: ActionPanelItemPriority;
+    /** 单项内联样式 */
+    style?: CSSProperties;
+    /** 单项类名 */
+    className?: string;
+}
+/**
+ * Action Panel 分组
+ * 对应设计文档 Action Group，内包含多个 Action Item
+ */
+export interface PisellActionPanelGroup {
+    /** 唯一 key；不传则用 index */
+    key?: string;
+    /** 本组操作项 */
+    items: PisellActionPanelItem[];
+    /** 组内整体优先级（可影响组内按钮默认 priority） */
+    priority?: ActionPanelItemPriority;
+    /** 是否显示该组 @default true */
+    visible?: boolean;
+    /** 组内对齐方式（组内多个 item 时的对齐） */
+    align?: 'start' | 'center' | 'end';
+    /** 组容器类名 */
+    className?: string;
+    /** 组容器样式 */
+    style?: CSSProperties;
+}
+/**
+ * Panel 布局方式
+ */
+export declare type ActionPanelLayout = 'horizontal' | 'vertical' | 'grid';
+/**
+ * Panel 对齐方式
+ */
+export declare type ActionPanelAlign = 'left' | 'center' | 'right' | 'space-between';
+/**
+ * 溢出策略：换行 / 滚动 / 更多菜单收纳
+ */
+export declare type ActionPanelOverflowStrategy = 'wrap' | 'scroll' | 'moreMenu';
+/**
+ * PisellActionPanel 组件 Props
+ * 设计文档：Action Panel (pcp_ge_actionPanel_V1.0)
+ */
+export interface PisellActionPanelProps {
+    /** 操作分组列表，顺序即展示顺序 */
+    groups: PisellActionPanelGroup[];
+    /** 布局方式 @default 'horizontal' */
+    layout?: ActionPanelLayout;
+    /** 整体对齐方式 @default 'left' */
+    align?: ActionPanelAlign;
+    /** 溢出策略 @default 'wrap' */
+    overflowStrategy?: ActionPanelOverflowStrategy;
+    /** 组与组之间的间距（CSS gap 或 number px） */
+    groupGap?: number | string;
+    /** 组内操作项之间的间距（CSS gap 或 number px） */
+    itemGap?: number | string;
+    /** 根节点类名 */
+    className?: string;
+    /** 根节点样式 */
+    style?: CSSProperties;
+}

package/es/components/pisellAdjustPrice/PisellAdjustPriceInputNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd/es/input-number';
 export interface PisellAdjustPriceInputNumberProps extends Omit<InputNumberProps, 'onChange'> {
     value?: number;

package/es/components/pisellAdjustPrice/index.d.ts

@@ -0,0 +1,4 @@
+import './index.less';
+import { PisellAdjustPriceProps } from './type';
+declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
+export default PisellAdjustPrice;

package/es/components/pisellAdjustPrice/status.d.ts

@@ -0,0 +1,32 @@
+export declare const defaultConfig: {
+    dark: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+    light: {
+        backgroundColor: string;
+        containerBackgroundColor: string;
+        buttonBackgroundColor: string;
+        textColor: string;
+        resetButtonBackgroundColor: string;
+        resetButtonTextColor: string;
+        isDoneButtonFollowTheme: boolean;
+        doneButtonBackgroundColor: string;
+        doneButtonTextColor: string;
+        isShowMainText: boolean;
+        mainTextColor: string;
+        isShowSubText: boolean;
+        subTextColor: string;
+    };
+};

package/es/components/pisellAdjustPrice/type.d.ts

@@ -0,0 +1,22 @@
+export interface PisellAdjustPriceProps {
+    value?: number;
+    originValue: number;
+    defaultValue?: number;
+    onChange?: (val: number) => void;
+    selectType?: 'light' | 'dark';
+    backgroundColor?: string;
+    containerBackgroundColor?: string;
+    buttonBackgroundColor?: string;
+    textColor?: string;
+    resetButtonBackgroundColor?: string;
+    resetButtonTextColor?: string;
+    isDoneButtonFollowTheme?: boolean;
+    doneButtonBackgroundColor?: string;
+    doneButtonTextColor?: string;
+    isShowMainText?: boolean;
+    mainTextColor?: string;
+    isShowSubText?: boolean;
+    subTextColor?: string;
+    resetText?: string;
+    doneText?: string;
+}

package/es/components/pisellBaseCard/PisellBaseCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PisellBaseCardProps } from './types';
+import './PisellBaseCard.less';
+/**
+ * PisellBaseCard 基础卡片容器
+ * 提供可定制的容器用于承载子内容，支持默认/悬停/按下/禁用四态样式，可点击时支持焦点与键盘触发
+ */
+export declare function PisellBaseCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, }: PisellBaseCardProps): JSX.Element;

package/es/components/pisellBaseCard/PisellBaseCard.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellBaseCard } from './PisellBaseCard';
+declare const meta: Meta<typeof PisellBaseCard>;
+export default meta;
+declare type Story = StoryObj<typeof PisellBaseCard>;
+/** 默认：可点击、无内容 */
+export declare const Default: Story;
+/** 带内容 */
+export declare const WithChildren: Story;
+/** 可点击并带点击回调 */
+export declare const Clickable: Story;
+/** 禁用态 */
+export declare const Disabled: Story;
+/** 不可点击（仅容器） */
+export declare const NotClickable: Story;
+/** 自定义默认样式 */
+export declare const CustomStyle: Story;
+/** 悬停/按下/禁用样式 */
+export declare const StateStyles: Story;

package/es/components/pisellBaseCard/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * PisellBaseCard 组件导出
+ */
+export { PisellBaseCard } from './PisellBaseCard';
+export type { PisellBaseCardProps } from './types';

package/es/components/pisellBaseCard/types.d.ts

@@ -0,0 +1,45 @@
+import type { CSSProperties, ReactNode } from 'react';
+/**
+ * PisellBaseCard 组件 Props
+ * @description 基础卡片容器，支持四态样式与可点击配置，无选中逻辑（选中由低代码处理）
+ */
+export interface PisellBaseCardProps {
+    /**
+     * 卡片内容，由低代码插槽或直接传入
+     */
+    children?: ReactNode;
+    /**
+     * 自定义类名，应用于根节点
+     */
+    className?: string;
+    /**
+     * 默认状态下的内联样式（背景、圆角、边框、阴影、padding、宽高等）
+     */
+    style?: CSSProperties;
+    /**
+     * 悬停时的样式覆盖，与 style 合并后应用
+     */
+    hoverStyle?: CSSProperties;
+    /**
+     * 按下（active）时的样式覆盖，与 style 合并后应用
+     */
+    activeStyle?: CSSProperties;
+    /**
+     * 禁用时的样式覆盖，与 style 合并后应用
+     */
+    disabledStyle?: CSSProperties;
+    /**
+     * 是否可点击（可聚焦并触发 onClick）
+     * @default true
+     */
+    clickable?: boolean;
+    /**
+     * 是否禁用，禁用时应用 disabledStyle 且不响应点击与焦点
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 点击回调，仅在 clickable 且非 disabled 时触发
+     */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+}

package/es/components/pisellCard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from 'antd';
 import './index.less';
 export interface PisellCardProps extends CardProps {

package/es/components/pisellCheckboxGroup/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellCheckboxGroupOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    error?: boolean;
+    [key: string]: any;
+}
+declare type PisellCheckboxGroupValue = string | string[] | any;
+export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    direction?: 'horizontal' | 'vertical';
+    fullWidth?: boolean;
+    gap?: number;
+    padding?: number;
+    options: PisellCheckboxGroupOption[];
+    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
+    value?: PisellCheckboxGroupValue;
+    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
+    rowKey?: string;
+    mode?: 'multiple' | 'single';
+    iconPosition?: 'left' | 'right' | 'hide';
+    optionClassName?: string;
+    optionActiveClassName?: string;
+    onChangeDebounce?: boolean;
+    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
+    showActiveBackground?: boolean;
+}
+/**
+ * @title: PisellCheckboxGroup
+ * @description: 选中组件
+ * @param {PisellCheckboxGroupProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:34
+ */
+declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
+export default PisellCheckboxGroup;

package/es/components/pisellCurrency/PisellCurrency.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { PisellCurrencyProps } from './types';
+import './PisellCurrency.less';
+/**
+ * PisellCurrency 货币组件
+ *
+ * 基于 PisellNumber 派生，专门处理货币数据。
+ * 默认启用千分位和2位小数，符合财务规范。
+ *
+ * @param props 组件 Props
+ *
+ * @example
+ * // 受控模式
+ * const [price, setPrice] = useState(0);
+ * <PisellCurrency
+ *   value={price}
+ *   onChange={setPrice}
+ *   currencySymbol="¥"
+ * />
+ *
+ * @example
+ * // 非受控模式
+ * <PisellCurrency
+ *   defaultValue={100}
+ *   currencySymbol="$"
+ * />
+ *
+ * @example
+ * // 只读态
+ * <PisellCurrency
+ *   mode="read"
+ *   value={1234.56}
+ *   currencySymbol="¥"
+ * />
+ * // 显示: ¥1,234.56
+ */
+export declare const PisellCurrency: React.FC<PisellCurrencyProps>;
+declare const MemoizedPisellCurrency: React.NamedExoticComponent<PisellCurrencyProps>;
+export default MemoizedPisellCurrency;

package/es/components/pisellCustomerBrief/PisellCustomerBrief.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { PisellCustomerBriefProps } from './types';
+import './PisellCustomerBrief.less';
+/**
+ * PisellCustomerBrief 客户简要卡片
+ * 基于 PisellEntityCard，用于展示客户（Customer）实体的核心识别信息与客户级属性。
+ * 设计文档：Customer Info (pcl_customerInfon_V1.0)
+ *
+ * - 无头像时显示默认占位 Avatar
+ * - 文本过长按配置省略
+ * - Actions 为空时不占位
+ *
+ * @param props 组件 Props
+ */
+export declare function PisellCustomerBrief({ name, subtitle, avatar, email, address, company, date, extendedFields, tags, actions, showActions, showAvatar, showPrimaryText, showSubtitle, showExtended, showTags, density, layout, width, swipeToDelete, onDelete, tagPosition, contentGap, primaryLineClamp, secondaryLineClamp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, }: PisellCustomerBriefProps): JSX.Element;