@pisell/private-materials 6.8.12 → 6.8.14

package/es/components/booking/info2/service/addService/utils.d.ts

@@ -1,106 +0,0 @@
-import dayjs from 'dayjs';
-export declare const getUsableTime: (cacheItem: any) => any;
-export declare const getDurationProps: ({ cacheItem, useStartTime, currentResource, slice, }: any) => {
-    startDate: dayjs.Dayjs;
-    usableTime: any;
-    duration: string | number | {
-        type: string;
-        value: number;
-    };
-    locale: any;
-    slice: any;
-    selectProps: {
-        size: string;
-    };
-};
-/**
- * @title: 灵活时长选项
- * @description:
- * @param {*} useMemo
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:10
- */
-export declare const getFlexibleOption: ({ cacheItem, useStartTime, currentResource, slice, durationProps, }: any) => {
-    label: any;
-    value: any;
-} | null;
-export declare const getTimeSlices: ({ state }: any) => {
-    timeSlices: {
-        label: string;
-        value: string;
-    }[];
-};
-/**
- * @title: 时间切片
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:37
- */
-export declare const getTimeObj: ({ cacheItem, useStartTime, currentResource, state, useDuration, durationProps, }: any) => {
-    timeSlices: {
-        label: string;
-        value: string;
-    }[];
-    durationSlicesBasedOnTime: {
-        label: string;
-        value: number;
-    }[];
-};
-/**
- * @title: 获取资源列表
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:38
- */
-export declare const formatResources: ({ cacheItem, resourcesOrigin, id }: any) => {
-    list: any;
-    maps: any;
-};
-export declare const setDefaultResource: ({ cacheItem, resources }: any) => any;
-/**
- * @title: 设置默认容量
- * @description:
- * @param {any} param1
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-09-19 20:26
- */
-export declare const setDefaultCapacitys: ({ capacitys, cacheItem }: any) => any;
-/**
- * @title: 将商品内关联的资源id还原成数据
- * @description:
- * @param {any} resourcesOriginMap
- * @param {any} cacheItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-09-19 20:23
- */
-export declare const getResourceByIds: (resourcesOriginMap: any, cacheItem: any, extraParams?: any) => any[];
-/**
- * @title: 是否是跨日商品
- * @description:
- * @param {any} cacheItem
- * @return {*}
- */
-export declare const isMultiDayProduct: (product: any) => boolean;
-export declare const getMultiDay: ({ start_date, end_date, state, cacheItem, }: any) => Promise<any>;
-/**
- * @title: 预生成服务的 extend
- * @description:
- * @param {any} param1
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-06-01 13:25
- */
-export declare const getProductExtend: ({ cacheItem, state, isDisabledTime }: any) => any;
-/**
- * @title: 格式化服务列表
- * @description: 后端列表返回的product_resource.resources 的optional_resource等不是最新数据
- * 使用with resourceRelation后 返回的resource_relation是实时数据
- * 这里做一次转换
- * @param list
- */
-export declare const transServiceList: (list: any[]) => any[];

package/es/components/booking/info2/service/editService/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.less';
-import './index.less';
-export interface EditServiceRef {
-    init: (cacheItem?: any) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
-export default _default;

package/es/components/booking/info2/utilsByBooking.d.ts

@@ -1,36 +0,0 @@
-export declare const getResourceTimeIsUsable: (item: any, cacheItem: any, resourceItem: any) => any;
-export declare const getSumCapacity: ({ cacheItem }: any, isCalcQuantity?: boolean) => number;
-/**
- * @title: 查找是否有可用的time
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:57
- */
-export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
-export declare const getErrorList: (resource: any, cacheItem: any) => {
-    label: any;
-    type: string;
-}[];
-/**
- * @title: 格式化资源, 添加自定义参数
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:40
- */
-export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
-export declare const getAppointmentTimingPreference: (state: any) => any;
-/**
- * @title: 创建服务的开始时间和结束时间
- * @description:
- * @param {any} state
- * @param {any} item
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-26 14:09
- */
-export declare const getServiceStartTimeAndEndTime: (state: any, cacheItem: any, timeObj: any) => any;
-export declare const getIsNoSpecAndPackage: (product: any) => boolean;

package/es/components/booking/utils.d.ts

@@ -1,182 +0,0 @@
-import dayjs from 'dayjs';
-/**
- * @title: 高阶函数结果缓存（Memoization）
- */
-export declare function memoize<T extends (...args: any[]) => any>(fn: T): T;
-declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
-declare class Request {
-    private request;
-    constructor();
-    setRequest(val: any): void;
-    getRequest(): {
-        get: RType;
-        post: RType;
-        put: RType;
-        remove: RType;
-        custom: RType;
-    };
-}
-export declare const request: Request;
-/**
- * @title: 格式化持续时长用于展示
- * @description:
- * @param {number} service_times
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:00
- */
-export declare const getDiscountTime: (service_times: number, isDay?: boolean) => string;
-/**
- * @title: 格式化跨日预约的时长用于展示
- * @description:
- * @param {number} days
- * @param {number} minutes
- * @return {*}
- */
-export declare const getDiscountTimeByDayMinutes: (days: number, minutes: number) => string;
-/**
- * @title: 时间切片（带缓存版本）
- * @description: 使用 memoize 高阶函数包裹 sliceDayIntoFiveMinutes，相同参数时直接返回缓存结果
- */
-export declare const sliceDayIntoFiveMinutes: (config: any, locale: string, isDay?: boolean) => {
-    timeSlices: {
-        label: string;
-        value: string;
-    }[];
-    durationSlicesBasedOnTime: {
-        label: string;
-        value: number;
-    }[];
-};
-export declare const getNowTime: () => string;
-export declare const isNowTime: (time: string) => boolean;
-/**
- * @title: 获取服务的开始时间, 如果是now 转换为当前的时间
- * @description:
- * @param {string} start_time
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:03
- */
-export declare const getServeStartTime: (start_time: string) => string;
-/**
- * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
- * @description:
- * @param {any} item
- * @param {any} currentDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-04-26 14:04
- */
-export declare const getServiceTime: (item: any, currentDate: any) => string;
-export declare const findNextSlice: ({ timeSlices, index, date, }: {
-    timeSlices: any[];
-    index?: number | undefined;
-    date?: string | undefined;
-}) => any;
-export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
-export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
-export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
-/**
- * @title: 查找是否有可用的time
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:57
- */
-export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
-/**
- * @title: 获取店铺的营业结束时间
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:00
- */
-export declare const getShopOpeningHours: () => string;
-/**
- * @title: 对灵活时长进行处理
- * @description:
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:00
- */
-export declare const flexibleObj: {
-    create: (num: number) => any;
-    getValue: (str: string | number) => number;
-    isFlexible: (str: string | number) => boolean;
-    add: (current: number | string, duration: number) => any;
-};
-/**
- * @title: 获取结束时间
- * @description: 取 endDate | 店铺营业时间 最小的那一个
- * @param {any} startDate
- * @param {string} duration
- * @param {any} endDate
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:01
- */
-export declare const getEndDate: (startDate: any, duration: string | number, endDate: any) => any;
-export declare const getServiceTimes: (service: any) => {
-    startDate: dayjs.Dayjs;
-    endDate: any;
-};
-export declare const getErrorList: (resource: any, cacheItem: any, isDay?: boolean) => {
-    label: any;
-    type: string;
-}[];
-/**
- * @title: 格式化资源, 添加自定义参数
- * @description:
- * @param {any} resourceItem
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-09 13:40
- */
-export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
-export declare const getLastServer: (list: any) => any;
-export declare const getCacheParams: () => any;
-export declare const deleteCacheParams: () => void;
-/**
- * @title: 获取跨日预约的时长
- * @description:
- * @param {any} cacheItem
- * @return {*}
- * @Author: WangHan
- * @Date: 2024-12-01 22:43
- */
-export declare const getDays: (cacheItem: any, type: 'minutes' | 'days') => any;
-export declare const isSessionProduct: (cacheItem: any) => boolean;
-export declare const getIsEject: (item: any, type: 'select' | 'detail') => boolean;
-export declare const getIsOnlySession: (item: any) => boolean;
-/**
- * @title: 创建一个服务商品
- * @description:
- * @param {any} state
- * @param {any} item
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-01-26 14:09
- */
-export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
-export declare const getMainPrice: (item: any, price?: number) => number;
-export declare const getProductTotalPrice: (item: any) => number;
-/**
- * @title: 判断 duration
- * @description: 用于处理不同格式的duration
- * @param {number} duration
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-02-23 10:02
- */
-export declare const getDuration: (duration: number | {
-    type: string;
-    value: number;
-}) => number | {
-    type: string;
-    value: number;
-} | "flexible";
-export declare const isWalkIn: (customer_id?: number | string) => boolean;
-export declare const getIsEdit: (state: any) => boolean;
-export {};

package/es/components/checkout/PaymentModal.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import './index.less';
-interface PaymentModalData {
-    order_info: any;
-    subtotal_info: {
-        subTotalList: any[];
-        orderTotalList: any[];
-        total: number;
-        showDetail: boolean;
-    };
-    total: any;
-}
-interface PaymentModalProps {
-    open?: boolean;
-    data?: PaymentModalData;
-    callback?: (result: any) => void;
-    onClose?: (reset?: boolean) => void;
-    paymentResultDisplayMode?: string;
-    shopDiscount?: number;
-    client?: any;
-    currentTotalPrice?: number;
-    config?: any;
-    onChangeShopDiscount?: (discount: string) => void;
-    onChangeOrderNote?: (note: string) => void;
-    onDeleteOrderNote?: () => void;
-}
-interface PaymentModalMainProps extends PaymentModalProps {
-    onClose?: (reset?: boolean) => void;
-    setEditCartMode?: (order_id: number, payData: any, closeModal: boolean) => void;
-    editOrderId?: number;
-    config?: {
-        showHeaderCenter?: boolean;
-        showHeaderRightButton?: boolean;
-        disabledSwitchClient?: boolean;
-    };
-}
-declare const PaymentModal: React.FC<PaymentModalMainProps>;
-export type { PaymentModalData, PaymentModalProps };
-export default PaymentModal;

package/es/components/checkout/components/AdditionalModule/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-import { CurrentOrderInfo } from '../../types';
-interface AdditionalModuleProps {
-    orderInfo?: CurrentOrderInfo;
-    customAmount?: string;
-    handleButtonClick: (key: string) => void;
-    hasOrderNote?: boolean;
-    disabled?: boolean;
-    showCashPayment?: boolean;
-    isFullWidth?: boolean;
-    showMore?: boolean;
-}
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): JSX.Element;
-export default AdditionalModule;

package/es/components/checkout/components/CashPaymentModule/index.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { CurrentOrderInfo } from '../../types';
-import './index.less';
-export interface CashPaymentModuleProps {
-    amountSymbol?: string;
-    orderInfo?: CurrentOrderInfo;
-    onPaymentComplete?: (result: any) => void;
-    amountButtons?: number[];
-    customAmount?: string;
-    disabled?: boolean;
-    roundingFunction?: (amount: number) => Promise<{
-        roundedAmount: number;
-        roundingDifference: number;
-    }>;
-    balanceDueAmount?: string;
-    balanceDueTotalAmount?: string;
-    syncingLock?: boolean;
-    shortcutsSize?: 'default' | 'large';
-}
-export declare function CashPaymentModule({ amountSymbol, orderInfo, onPaymentComplete, customAmount, amountButtons, // 按钮列表，默认5个推荐金额
-disabled, // 禁用状态
-roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
-balanceDueTotalAmount, // 完整订单剩余待付金额
-syncingLock, // 是否锁定
-shortcutsSize, }: CashPaymentModuleProps): JSX.Element;
-export default CashPaymentModule;

package/es/components/checkout/components/PaymentDetailModal/index.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-interface SummaryItem {
-    key: string;
-    value: number;
-    label?: string;
-    hidden?: boolean;
-    tax?: any;
-}
-declare type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'expect_amount';
-interface PaymentItem {
-    uuid: string;
-    amount: number;
-    code: string;
-    name: string;
-    status: string;
-    voucher_id?: string;
-    [key: string]: any;
-}
-interface PaymentDetailModalProps {
-    amountSymbol?: string;
-    orderInfo?: any;
-    onClose: () => void;
-    summaryData?: SummaryItem[];
-    labelMaps?: Record<SubTotalKey, string>;
-    paymentItems?: PaymentItem[];
-    customAmount?: string;
-    voidPayment?: (paymentItem: PaymentItem) => void;
-    cartData?: any;
-    walletPassData?: {
-        selectedWallet?: any[];
-        availableDiscountList?: any[];
-        selectedDiscountList?: number[];
-    };
-    clientInfo?: any;
-}
-declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): JSX.Element;
-export default PaymentDetailModal;

package/es/components/checkout/components/PaymentResultToast/PaymentResultToastProvider.d.ts

@@ -1,85 +0,0 @@
-import React from 'react';
-import { StatusClassName, ActionButtonGroupList } from './types';
-interface ShowPaymentResultToastConfig {
-    /** 状态样式类名 */
-    statusClassName: StatusClassName;
-    /** 标题 */
-    title: string;
-    /** 副标题 */
-    subtitle?: React.ReactNode;
-    /** 找零文本 */
-    changeDueText?: string;
-    /** 操作按钮 */
-    actionButtons?: ActionButtonGroupList;
-    /** 自动关闭配置 */
-    autoClose?: boolean;
-    /** 自动关闭延迟时间（秒） */
-    autoCloseDelay?: number;
-    /** 是否显示倒计时进度 */
-    showCountdownProgress?: boolean;
-    /** 倒计时完成回调 */
-    onCountdownComplete?: () => void;
-    /** 自定义关闭回调 */
-    onClose?: () => void;
-    /** 是否显示右上角关闭按钮 */
-    closable?: boolean;
-    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
-    clickOutsideToClose?: boolean;
-    /** 是否显示遮罩 */
-    mask?: boolean;
-}
-interface PaymentResultToastContextType {
-    /** 显示成功弹窗 */
-    showSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示失败弹窗 */
-    showFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示钱包通行证失败弹窗 */
-    showWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示部分支付弹窗 */
-    showPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
-    /** 显示自定义状态弹窗 */
-    showToast: (config: ShowPaymentResultToastConfig) => string;
-    /** 关闭弹窗 */
-    closeToast: () => void;
-    /** 是否正在显示弹窗 */
-    isVisible: boolean;
-}
-export declare const PaymentResultToastProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const usePaymentResultToast: () => PaymentResultToastContextType;
-declare class GlobalToastManager {
-    private instances;
-    private nextId;
-    private readonly TOAST_HEIGHT;
-    private readonly TOAST_MARGIN;
-    private readonly BOTTOM_OFFSET;
-    private readonly LEFT_OFFSET;
-    private cachedBottomOffset;
-    private cachedCenterOffset;
-    private tillButton;
-    setTillButton(tillButton: any): void;
-    private generateId;
-    private calculateAndCacheBottomOffset;
-    private calculateAndCacheCenterOffset;
-    private resetBottomOffsetCache;
-    private calculateBottomPosition;
-    private updatePositions;
-    addToast(config: ShowPaymentResultToastConfig): string;
-    removeToast(id: string): void;
-    clearAll(): void;
-    getCount(): number;
-    initializeResizeListener(): () => void;
-}
-declare const globalToastManager: GlobalToastManager;
-export declare const showPaymentResultToastSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToastPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
-export declare const showPaymentResultToast: (config: ShowPaymentResultToastConfig) => Promise<string>;
-export declare const closePaymentResultToast: (id?: string) => void;
-export declare const clearAllPaymentResultToasts: () => void;
-export declare const getPaymentResultToastCount: () => number;
-export type { ShowPaymentResultToastConfig, PaymentResultToastContextType };
-export declare const setTillButton: (tillButton: any) => void;
-export { globalToastManager };

package/es/components/checkout/components/SearchAndClientModule/index.d.ts

@@ -1,14 +0,0 @@
-import './index.less';
-export interface IScanResult {
-    status: 'success' | 'failed';
-    scanType: string;
-    scanCode: string;
-    result: any;
-}
-interface IProps {
-    disabledSwitch?: boolean;
-    onSearch: (keyword: string) => void | Promise<any>;
-    onClientChange: () => void;
-}
-declare const SearchAndClientModule: (props: IProps) => JSX.Element;
-export default SearchAndClientModule;

package/es/components/checkout/hooks/useWalletPass.d.ts

@@ -1,40 +0,0 @@
-/**
- * 自定义Hook：使用WalletPass功能
- */
-export declare const useWalletPass: (props: {
-    onSelectChange?: ((select: {
-        voucher_id: number;
-        amount: number;
-        code: string;
-    }[]) => void) | undefined;
-    customAmount?: string | undefined;
-    clientId?: number | undefined;
-}) => {
-    walletRecommendList: any[];
-    userIdentificationCodes: any[];
-    loading: boolean;
-    error: string | null;
-    cardData: any;
-    handleSelectWallet: (value: number[]) => void;
-    selectedWalletIds: any[];
-    expiredWalletIds: any;
-    expiredWalletData: any;
-    disabledWalletData: any[];
-    clearAllSelectedWallet: () => void;
-    clearDisabledWalletData: () => void;
-    handleBeforeEditAmount: (value: any, index: number, data: any) => Promise<boolean>;
-    handleBestSaving: () => void;
-    handleSearchIdentificationCode: (value: string) => any;
-    availableDiscountList: any;
-    selectedDiscountList: any;
-    handleSelectDiscount: (value: number[], option: any) => void;
-    customerName: any;
-    fetchWalletRecommendList: (params: any) => Promise<any>;
-    fetchUserIdentificationCodes: (params: any) => Promise<any>;
-    getCachedWalletRecommendList: () => any;
-    getCachedUserIdentificationCodes: () => any;
-    clearWalletRecommendList: () => void;
-    clearUserIdentificationCodes: () => void;
-    clearAllCache: () => void;
-    handleConfirmEditAmount: (value: number, id: number, data: any) => void;
-};

package/es/components/checkout/plugin.d.ts

@@ -1,2 +0,0 @@
-declare const PaymentModalPlugin: any;
-export default PaymentModalPlugin;

package/es/components/checkout/utils/PaymentResultToastUtils.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { StatusClassName, ActionButtonGroupList } from '../components/PaymentResultToast';
-export interface PaymentResultToastConfig {
-    context: any;
-    pisellos: any;
-    getData: (key: string) => any;
-    interaction: any;
-    Toast: any;
-    onToastClose?: () => void;
-}
-export interface PaymentResultToastParams {
-    paymentStatus: string;
-    orderTotalAmount: number;
-    gapAmount: number;
-    failureReason?: string;
-    autoCloseConfig?: {
-        autoClose: boolean;
-        autoCloseDelay: number;
-    };
-    actionButtons?: ActionButtonGroupList;
-}
-export declare const formatCurrency: (amount: number, amountSymbol?: string) => string | number;
-export declare const calculateTitle: (status: string, failureReason?: string) => string;
-export declare const calculateSubtitle: (status: string, amount: number, gapAmount?: number, getData?: ((key: string) => any) | undefined) => React.ReactNode;
-export declare const calculateStatusClassName: (status: string) => StatusClassName;
-export declare const calculateAutoCloseConfig: (status: string, hasChangeDue: boolean) => {
-    autoClose: boolean;
-    autoCloseDelay: number;
-    maskClosable: boolean;
-};
-export declare const displayPaymentResultToast: (params: PaymentResultToastParams, config: PaymentResultToastConfig) => Promise<void>;
-export declare const createShowSuccessToast: (config: PaymentResultToastConfig, getActionButtons?: ((paymentStatus: string) => ActionButtonGroupList) | undefined) => (result: any) => Promise<void>;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import './List.less';
-import { ListProps, BaseListItem } from './types';
-declare const List: <TItem extends BaseListItem = BaseListItem>(props: ListProps<TItem>) => React.ReactElement;
-export default List;