@pisell/private-materials 6.3.64 → 6.3.65

package/es/plus/contactInfo/locales.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-CN': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+    'zh-HK': {
+        'pisell2.text.contact-info.placeholder': string;
+        'pisell2.text.contact-info.actions.delete': string;
+    };
+};
+export default _default;

package/es/plus/contactInfo/types.d.ts

@@ -0,0 +1,91 @@
+import React, { CSSProperties } from 'react';
+/**
+ * 联系信息数据
+ */
+export interface ContactInfoData {
+    first_name?: string;
+    last_name?: string;
+    phone?: {
+        phone: string;
+        country_calling_code: string;
+        country_code?: string;
+    };
+    email?: string;
+    avatar?: string;
+}
+/**
+ * 卡片布局类型
+ */
+export declare type Direction = 'horizontal' | 'vertical';
+/**
+ * 头像尺寸类型
+ */
+export declare type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * 头像形状类型
+ */
+export declare type AvatarShape = 'circle' | 'square';
+/**
+ * 头像配置
+ */
+export interface AvatarConfig {
+    shape?: AvatarShape;
+    borderRadius?: number;
+    size?: AvatarSize;
+    useTextAvatar?: boolean;
+    children?: string;
+}
+/**
+ * 姓名样式配置
+ */
+export interface NameStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+    textDecoration?: string;
+}
+export interface StyleConfig {
+    width?: number | string;
+    border?: 'solid' | 'unset';
+    borderWidth?: number | string;
+    borderColor?: string;
+    borderRadius?: number | string;
+    padding?: number | string;
+    [key: string]: any;
+}
+/**
+ * 文本样式配置
+ */
+export interface TextStyle {
+    fontSize?: number | string;
+    fontWeight?: number | string;
+    color?: string;
+}
+/**
+ * ContactInfo 组件属性接口
+ */
+export interface ContactInfoProps {
+    dataSource?: ContactInfoData;
+    defaultName?: string;
+    placeholder?: string | React.ReactNode;
+    isShowDelete?: boolean;
+    children?: React.ReactNode;
+    direction?: Direction;
+    horizontalGap?: number | string;
+    verticalGap?: number | string;
+    isShowAvatar?: boolean;
+    isShowPhone?: boolean;
+    isShowEmail?: boolean;
+    avatar?: AvatarConfig;
+    style?: StyleConfig;
+    nameStyle?: NameStyle;
+    textStyle?: TextStyle;
+    placeholderStyle?: CSSProperties;
+    button?: {
+        addButtonIcon?: string;
+        editButtonIcon?: string;
+    };
+    onSave?: (value: any) => void;
+    onDelete?: () => void;
+    onCancel?: () => void;
+}

package/es/plus/contactInfo/utils.d.ts

@@ -0,0 +1,7 @@
+interface FieldMapping<T = any, R = any> {
+    [key: string]: string | ((data: T) => R) | undefined;
+}
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string): R | undefined;
+export declare function getFieldValue<T, R = any>(data: T, fieldKey: string, mapping: FieldMapping<T, R>): R | undefined;
+export declare const getAvatarText: (name: string) => string;
+export {};

package/es/plus/contactInfoModal/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-CN': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+    'zh-HK': {
+        'pisell2.text.button.save': string;
+        'pisell2.text.button.delete': string;
+        'pisell2.text.button.cancel': string;
+        'pisell2.text.contact-info.actions.delete': string;
+        'pisell2.text.contact-info.modal.title': string;
+        'pisell2.text.contact-info.modal.first-name': string;
+        'pisell2.text.contact-info.modal.first-name-placeholder': string;
+        'pisell2.text.contact-info.modal.first-name-required': string;
+        'pisell2.text.contact-info.modal.last-name': string;
+        'pisell2.text.contact-info.modal.last-name-placeholder': string;
+        'pisell2.text.contact-info.modal.last-name-required': string;
+        'pisell2.text.contact-info.modal.mobile': string;
+        'pisell2.text.contact-info.modal.mobile-placeholder': string;
+        'pisell2.text.contact-info.modal.mobile-required': string;
+        'pisell2.text.contact-info.modal.mobile-error': string;
+        'pisell2.text.contact-info.modal.email': string;
+        'pisell2.text.contact-info.modal.email-placeholder': string;
+        'pisell2.text.contact-info.modal.email-required': string;
+        'pisell2.text.contact-info.modal.email-error': string;
+    };
+};
+export default _default;

package/es/plus/productSelect/CategoryTabs/CategorySkeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './CategorySkeleton.less';
+interface CategorySkeletonProps {
+    className?: string;
+    style?: React.CSSProperties;
+    tabCount?: number;
+    animated?: boolean;
+}
+declare const CategorySkeleton: React.FC<CategorySkeletonProps>;
+export default CategorySkeleton;

package/es/plus/productSelect/ProductList/gridComponents.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+export interface GridConfig {
+    grid: boolean;
+    config: string;
+}
+export declare const parseGridConfig: (config: string) => number[];
+export declare const createGridComponents: (layout?: GridConfig | null) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};
+export declare const GRID_LAYOUTS: {
+    readonly SINGLE_COLUMN: {
+        readonly grid: false;
+        readonly config: "12";
+    };
+    readonly TWO_COLUMNS: {
+        readonly grid: true;
+        readonly config: "12:12";
+    };
+    readonly THREE_COLUMNS: {
+        readonly grid: true;
+        readonly config: "8:8:8";
+    };
+    readonly FOUR_COLUMNS: {
+        readonly grid: true;
+        readonly config: "6:6:6:6";
+    };
+    readonly UNEQUAL_TWO: {
+        readonly grid: true;
+        readonly config: "8:16";
+    };
+    readonly UNEQUAL_THREE: {
+        readonly grid: true;
+        readonly config: "6:12:6";
+    };
+};
+export declare const createTwoColumnGrid: () => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};
+export declare const createCustomGrid: (config: string) => {
+    List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+};

package/es/plus/productSelect/ProductList/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface IProps {
+    className?: string;
+    loading?: boolean;
+    data: any[];
+    context: {
+        onItemIntersectionIn: (item: any) => void;
+        onItemIntersectionOut: (item: any) => void;
+    };
+    customScrollParent?: Element | null;
+    components?: {
+        List?: React.ComponentType<any>;
+        Item?: React.ComponentType<any>;
+        [key: string]: React.ComponentType<any> | undefined;
+    };
+    itemContent?: (index: number, data: any, context: any) => React.ReactNode;
+    itemSkeleton?: React.ReactNode;
+    [key: string]: any;
+}
+declare const ProductList: React.ForwardRefExoticComponent<Omit<IProps, "ref"> & React.RefAttributes<any>>;
+export default ProductList;
+export { createGridComponents, createTwoColumnGrid, createCustomGrid, GRID_LAYOUTS, type GridConfig, } from './gridComponents';

package/es/plus/productSelect/components/IntersectionObserver.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { ReactNode, CSSProperties } from 'react';
+declare global {
+    interface Window {
+        IntersectionObserver: typeof IntersectionObserver;
+    }
+}
+interface IntersectionObserverContextValue {
+    initialized: boolean;
+    register: (params: {
+        ref: React.RefObject<HTMLElement>;
+        callback: (entry: IntersectionObserverEntry) => void;
+    }) => void;
+    unregister: (params: {
+        ref: React.RefObject<HTMLElement>;
+    }) => void;
+}
+declare type PriorityMode = 'top' | 'bottom' | 'left' | 'right' | undefined;
+interface IntersectionObserverProps {
+    children: ReactNode;
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    priorityMode?: PriorityMode;
+}
+interface IntersectionTriggerOptions {
+    once?: boolean;
+    onHide?: (cleanup: () => void) => void;
+    onShow?: (cleanup: () => void) => void;
+}
+interface IntersectionTriggerProps extends IntersectionTriggerOptions {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare const IntersectionObserverContext: React.Context<IntersectionObserverContextValue>;
+declare const Consumer: React.Consumer<IntersectionObserverContextValue>;
+export declare const IntersectionObserverProvider: React.FC<IntersectionObserverProps>;
+export declare const IntersectionTrigger: React.FC<IntersectionTriggerProps>;
+export type { IntersectionObserverProps, IntersectionTriggerProps, IntersectionTriggerOptions, IntersectionObserverContextValue, PriorityMode, };
+export { IntersectionObserverContext, Consumer as IntersectionObserverConsumer, };
+export default IntersectionObserverProvider;

package/es/plus/productSelect/components/TabsStructure/TabsStructure.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { TabsStructureProps, TabListContainerProps, TabItemProps, RailProps, SelectionIndicatorProps, ScrollShadowProps, ChevronControlsProps, ChevronButtonProps } from './types';
+declare global {
+    interface WeakRef<T extends object> {
+        deref(): T | undefined;
+    }
+    interface WeakRefConstructor {
+        new <T extends object>(target: T): WeakRef<T>;
+    }
+    const WeakRef: WeakRefConstructor | undefined;
+}
+declare const TabListContainer: React.ForwardRefExoticComponent<Omit<TabListContainerProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const TabItem: React.ForwardRefExoticComponent<Omit<TabItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Rail: React.ForwardRefExoticComponent<Omit<RailProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectionIndicator: React.ForwardRefExoticComponent<Omit<SelectionIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollShadow: React.ForwardRefExoticComponent<Omit<ScrollShadowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ChevronButton: React.ForwardRefExoticComponent<Omit<ChevronButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ChevronControls: React.FC<ChevronControlsProps>;
+declare type TabsStructureComponent = React.FC<TabsStructureProps> & {
+    Rail: typeof Rail;
+    ListContainer: typeof TabListContainer;
+    Item: typeof TabItem;
+    SelectionIndicator: typeof SelectionIndicator;
+    ScrollShadow: typeof ScrollShadow;
+    ChevronControls: typeof ChevronControls;
+    ChevronButton: typeof ChevronButton;
+};
+declare const TabsStructureWithSubComponents: TabsStructureComponent;
+export default TabsStructureWithSubComponents;
+export { TabListContainer, TabItem, Rail, SelectionIndicator, ScrollShadow, ChevronControls, ChevronButton, };

package/es/plus/productSelect/components/TabsStructure/hooks.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+interface UseSelectionIndicatorReturn {
+    selectionIndicatorProps: {
+        focusRingClasses: string;
+        isFocusVisible: boolean;
+        style: React.CSSProperties;
+    };
+    listContainerProps: {
+        onFocus: (event: React.FocusEvent) => void;
+        onBlur: () => void;
+        onMouseDown: () => void;
+    };
+}
+/**
+ * Hook for managing selection indicator position with enhanced features
+ * @param containerRef - Ref to the tab container
+ * @param selectedTabId - ID of the currently selected tab (optional)
+ * @param transition - Custom transition string (optional)
+ * @returns Selection indicator props and list container props
+ */
+export declare function useSelectionIndicator(containerRef: React.RefObject<HTMLElement>, selectedTabId?: string, transition?: string): UseSelectionIndicatorReturn;
+export {};

package/es/plus/productSelect/components/TabsStructure/index.d.ts

@@ -0,0 +1,5 @@
+export { default as TabsStructure, TabListContainer, TabItem, Rail, SelectionIndicator, ScrollShadow, ChevronControls, ChevronButton } from './TabsStructure';
+export type { TabsStructureProps, TabListContainerProps, TabItemProps, RailProps, SelectionIndicatorProps, ScrollShadowProps, ChevronControlsProps, ChevronButtonProps, TabContextValue, ScrollLocation, TabWrapperClasses, TabListClasses, TabItemClasses, RailClasses, SelectionClasses, ShadowClasses, ChevronClasses, } from './types';
+export { tabWrapperClasses, tabListClasses, tabItemClasses, railClasses, selectionClasses, shadowClasses, chevronClasses, chevronButtonClasses, tabWrapperClassNames, tabListClassNames, tabItemClassNames, railClassNames, selectionClassNames, shadowClassNames, chevronClassNames } from './styles';
+export { debounce, mergeRefs } from './utils';
+export { useSelectionIndicator, } from './hooks';

package/es/plus/productSelect/components/TabsStructure/styles.d.ts

@@ -0,0 +1,47 @@
+/**
+ * CSS Classes mapping for TabComponent
+ */
+import { TabWrapperClasses, TabListClasses, TabItemClasses, RailClasses, SelectionClasses, ShadowClasses, ChevronClasses } from './types';
+export declare const tabWrapperClasses: TabWrapperClasses;
+export declare const tabListClasses: TabListClasses;
+export declare const tabItemClasses: TabItemClasses;
+export declare const railClasses: RailClasses;
+export declare const selectionClasses: SelectionClasses;
+export declare const shadowClasses: ShadowClasses;
+export declare const chevronClasses: ChevronClasses;
+export declare const chevronButtonClasses: {
+    button: string;
+    disabled: string;
+    prev: string;
+    next: string;
+};
+export declare const tabWrapperClassNames: {
+    wrapper: string;
+};
+export declare const tabListClassNames: {
+    list: string;
+};
+export declare const tabItemClassNames: {
+    item: string;
+    selected: string;
+    disabled: string;
+};
+export declare const railClassNames: {
+    rail: string;
+};
+export declare const selectionClassNames: {
+    selection: string;
+    position: string;
+    focused: string;
+};
+export declare const shadowClassNames: {
+    shadow: string;
+    isVisible: string;
+    locationStart: string;
+    locationEnd: string;
+};
+export declare const chevronClassNames: {
+    controls: string;
+    button: string;
+    disabled: string;
+};

package/es/plus/productSelect/components/TabsStructure/types.d.ts

@@ -0,0 +1,105 @@
+import React from 'react';
+export declare type ScrollLocation = 'start' | 'end';
+export interface TabContextValue {
+    selectedTab?: string;
+    onTabChange?: (tabId: string) => void;
+    registerTab?: (tabId: string, element: HTMLElement) => void;
+    unregisterTab?: (tabId: string) => void;
+    railRef?: React.RefObject<HTMLDivElement>;
+}
+export interface TabsStructureProps {
+    children?: React.ReactNode;
+    className?: string;
+    /** 当前选中的tab */
+    selectedTab?: string;
+    /** tab变更回调 */
+    onTabChange?: (tabId: string) => void;
+    /** 是否启用自动滚动到选中tab */
+    autoScrollToSelected?: boolean;
+    /** Rail组件的ref，用于手动控制滚动等操作 */
+    railRef?: React.RefObject<HTMLDivElement>;
+    [key: string]: any;
+}
+export interface TabListContainerProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface TabItemProps {
+    children?: React.ReactNode;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    className?: string;
+    onClick?: (key?: string) => void;
+    /** Tab的唯一标识符 */
+    tabId?: string;
+    /** 是否自动注册到上下文 */
+    autoRegister?: boolean;
+    [key: string]: any;
+}
+export interface RailProps {
+    children?: React.ReactNode;
+    className?: string;
+    [key: string]: any;
+}
+export interface SelectionIndicatorProps {
+    focusRingClasses?: string;
+    isFocusVisible?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    [key: string]: any;
+}
+export interface ScrollShadowProps {
+    location: ScrollLocation;
+    visible: boolean;
+    className?: string;
+    [key: string]: any;
+}
+export interface ChevronButtonProps {
+    direction: 'prev' | 'next';
+    disabled?: boolean;
+    onClick?: () => void;
+    className?: string;
+    'aria-label'?: string;
+    [key: string]: any;
+}
+export interface ChevronControlsProps {
+    isPrevDisabled?: boolean;
+    isNextDisabled?: boolean;
+    onPrevClick?: () => void;
+    onNextClick?: () => void;
+    className?: string;
+    prevAction?: () => void;
+    nextAction?: () => void;
+    [key: string]: any;
+}
+export interface TabWrapperClasses {
+    wrapper: string;
+}
+export interface TabListClasses {
+    list: string;
+}
+export interface TabItemClasses {
+    item: string;
+    selected: string;
+    disabled: string;
+}
+export interface RailClasses {
+    rail: string;
+}
+export interface SelectionClasses {
+    selection: string;
+    position: string;
+    focused: string;
+}
+export interface ShadowClasses {
+    shadow: string;
+    isVisible: string;
+    locationStart: string;
+    locationEnd: string;
+}
+export interface ChevronClasses {
+    controls: string;
+    button: string;
+    disabled: string;
+}

package/es/plus/productSelect/components/TabsStructure/utils.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+/**
+ * 安全的滚动函数，包含错误处理和边界检查
+ * @param element - 要滚动的元素
+ * @param options - 滚动选项
+ */
+export declare function safeScrollTo(element: HTMLElement | null, options: {
+    left?: number;
+    behavior?: ScrollBehavior;
+}): boolean;

package/es/plus/productSelect/hooks/useToken.d.ts

@@ -0,0 +1,18 @@
+import { ProductSelectToken } from '../theme/token';
+export declare function useToken(customToken?: Partial<ProductSelectToken>): {
+    colorPrimary: string;
+    colorText: string;
+    colorTextSecondary: string;
+    searchInputColor: string;
+    containerBg: string;
+    tabItemBg: string;
+    tabItemHoverBg: string;
+    tabItemActiveBg: string;
+    categoryTextColor: string;
+    cardBg: string;
+    cardHoverBg: string;
+    cardSelectedBg: string;
+    cardSelectedTextColor: string;
+    cardSelectedSecondaryTextColor: string;
+};
+export declare function genCSSVars(token: ProductSelectToken): Record<string, string>;

package/es/plus/productSelect/locales.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    en: {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-CN': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+    'zh-HK': {
+        'pisell2.product-select.search': string;
+        'pisell2.product-select.stock': string;
+        'pisell2.product-select.empty': string;
+    };
+};
+export default _default;

package/es/plus/productSelect/theme/token.d.ts

@@ -0,0 +1,17 @@
+export interface ProductSelectToken {
+    colorPrimary: string;
+    colorText: string;
+    colorTextSecondary: string;
+    searchInputColor: string;
+    containerBg: string;
+    tabItemBg: string;
+    tabItemHoverBg: string;
+    tabItemActiveBg: string;
+    categoryTextColor: string;
+    cardBg: string;
+    cardHoverBg: string;
+    cardSelectedBg: string;
+    cardSelectedTextColor: string;
+    cardSelectedSecondaryTextColor: string;
+}
+export declare const defaultToken: ProductSelectToken;

package/es/plus/saasCreateOrganization/components/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SCOProps } from '../types';
 import '../index.less';
 export declare const Header: (props: SCOProps) => JSX.Element;

package/es/plus/saasCreateOrganization/locales.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        'pisell-saas-create-org-welcome-message': string;
+        'pisell-saas-create-org-title': string;
+    };
+    'zh-CN': {
+        'pisell-saas-create-org-welcome-message': string;
+        'pisell-saas-create-org-title': string;
+    };
+    'zh-TW': {
+        'pisell-saas-create-org-welcome-message': string;
+        'pisell-saas-create-org-title': string;
+    };
+};
+export default _default;