fcr-ui-scene 1.0.0

package/lib/fcr-ui-scene/src/configs/base-theme.d.ts

@@ -0,0 +1,391 @@
+import { FcrMultiThemes } from 'agora-common-libs';
+declare class FcrMultiThemesImpl implements FcrMultiThemes {
+    get light(): {
+        /**
+         * 背景色
+         */
+        readonly background: string;
+        /**
+         * 前景色
+         */
+        readonly foreground: string;
+        /**
+         * 组件背景色
+         */
+        readonly brand: string;
+        /**
+         * 分割线颜色
+         */
+        readonly divider: string;
+        /**
+         * 错误提示颜色
+         */
+        readonly error: string;
+        /**
+         * 警告提示色
+         */
+        readonly warning: string;
+        /**
+         * 一般提示色
+         */
+        readonly safe: string;
+        /**
+         * Icon 主色
+         */
+        readonly iconPrimary: string;
+        /**
+         * Icon 副色
+         */
+        readonly iconSecondary: string;
+        /**
+         * 图标被选背景色
+         */
+        readonly iconSelected: string;
+        /**
+         * 组件背景色
+         */
+        readonly component: string;
+        readonly toastNormal: string;
+        readonly textPrimaryButton: string;
+        readonly textLevel1: string;
+        readonly textLevel2: string;
+        readonly textLevel3: string;
+        readonly textDisable: string;
+        readonly textLink: string;
+        /**
+         * 块颜色 1
+         */
+        /** @en
+         * Block color 1
+         */
+        readonly v2Block1: string;
+        /**
+         * 块颜色 2
+         */
+        /** @en
+         * Block color 2
+         */
+        readonly v2Block2: string;
+        /**
+         * 块颜色 3
+         */
+        /** @en
+         * Block color 3
+         */
+        readonly v2Block3: string;
+        /**
+         * 块颜色 4
+         */
+        /** @en
+         * Block color 4
+         */
+        readonly v2Block4: string;
+        /**
+         * 块颜色 5
+         */
+        /** @en
+         * Block color 5
+         */
+        readonly v2Block5: string;
+        /**
+         * 块颜色 6
+         */
+        /** @en
+         * Block color 6
+         */
+        readonly v2Block6: string;
+        /**
+         * 块颜色 7
+         */
+        /** @en
+         * Block color 7
+         */
+        readonly v2Block7: string;
+        /**
+         * 块颜色 8
+         */
+        /** @en
+         * Block color 8
+         */
+        readonly v2Block8: string;
+        /**
+         * 边框和线条颜色 1
+         */
+        /** @en
+         * fcr-border and line color 1
+         */
+        readonly v2Line1: string;
+        /**
+         * 字体颜色 1
+         */
+        /** @en
+         * Font color 1
+         */
+        readonly v2Text1: string;
+        /**
+         * 字体颜色 2
+         */
+        /** @en
+         * Font color 2
+         */
+        readonly v2Text2: string;
+        /**
+         * 字体颜色 3
+         */
+        /** @en
+         * Font color 3
+         */
+        readonly v2Text3: string;
+        /**
+         * 图标颜色 1
+         */
+        /** @en
+         * Icon color 1
+         */
+        readonly v2Icon1: string;
+        /**
+         * 图标颜色 2
+         */
+        /** @en
+         * Icon color 2
+         */
+        readonly v2Icon2: string;
+        /**
+         * 悬浮颜色
+         */
+        /** @en
+         * Hover color
+         */
+        readonly v2Hover: string;
+        /**
+         * 阴影颜色 1
+         */
+        /** @en
+         * Shadow color 1
+         */
+        readonly v2Shadow1: string;
+        /**
+         * 阴影颜色 2
+         */
+        /** @en
+         * Shadow color 2
+         */
+        readonly v2Shadow2: string;
+        /**
+         * 阴影颜色 3
+         */
+        /** @en
+         * Shadow color 3
+         */
+        readonly v2Shadow3: string;
+        /**
+         * 基色
+         */
+        /** @en
+         * essential color
+         */
+        readonly v2Essential: string;
+        /**
+         * 基色反色
+         */
+        /** @en
+         *  essential color inverse
+         */
+        readonly v2EssentialInverse: string;
+    };
+    get dark(): {
+        /**
+         * 背景色
+         */
+        readonly background: string;
+        /**
+         * 前景色
+         */
+        readonly foreground: string;
+        /**
+         * 组件背景色
+         */
+        readonly brand: string;
+        /**
+         * 分割线颜色
+         */
+        readonly divider: string;
+        /**
+         * 错误提示颜色
+         */
+        readonly error: string;
+        /**
+         * 警告提示色
+         */
+        readonly warning: string;
+        /**
+         * 一般提示色
+         */
+        readonly safe: string;
+        /**
+         * Icon 主色
+         */
+        readonly iconPrimary: string;
+        /**
+         * Icon 副色
+         */
+        readonly iconSecondary: string;
+        /**
+         * 图标被选背景色
+         */
+        readonly iconSelected: string;
+        /**
+         * 组件背景色
+         */
+        readonly component: string;
+        readonly toastNormal: string;
+        readonly textPrimaryButton: string;
+        readonly textLevel1: string;
+        readonly textLevel2: string;
+        readonly textLevel3: string;
+        readonly textDisable: string;
+        readonly textLink: string;
+        /**
+         * 块颜色 1
+         */
+        /** @en
+         * Block color 1
+         */
+        readonly v2Block1: string;
+        /**
+         * 块颜色 2
+         */
+        /** @en
+         * Block color 2
+         */
+        readonly v2Block2: string;
+        /**
+         * 块颜色 3
+         */
+        /** @en
+         * Block color 3
+         */
+        readonly v2Block3: string;
+        /**
+         * 块颜色 4
+         */
+        /** @en
+         * Block color 4
+         */
+        readonly v2Block4: string;
+        /**
+         * 块颜色 5
+         */
+        /** @en
+         * Block color 5
+         */
+        readonly v2Block5: string;
+        /**
+         * 块颜色 6
+         */
+        /** @en
+         * Block color 6
+         */
+        readonly v2Block6: string;
+        /**
+         * 块颜色 7
+         */
+        /** @en
+         * Block color 7
+         */
+        readonly v2Block7: string;
+        /**
+         * 块颜色 8
+         */
+        /** @en
+         * Block color 8
+         */
+        readonly v2Block8: string;
+        /**
+         * 边框和线条颜色 1
+         */
+        /** @en
+         * fcr-border and line color 1
+         */
+        readonly v2Line1: string;
+        /**
+         * 字体颜色 1
+         */
+        /** @en
+         * Font color 1
+         */
+        readonly v2Text1: string;
+        /**
+         * 字体颜色 2
+         */
+        /** @en
+         * Font color 2
+         */
+        readonly v2Text2: string;
+        /**
+         * 字体颜色 3
+         */
+        /** @en
+         * Font color 3
+         */
+        readonly v2Text3: string;
+        /**
+         * 图标颜色 1
+         */
+        /** @en
+         * Icon color 1
+         */
+        readonly v2Icon1: string;
+        /**
+         * 图标颜色 2
+         */
+        /** @en
+         * Icon color 2
+         */
+        readonly v2Icon2: string;
+        /**
+         * 悬浮颜色
+         */
+        /** @en
+         * Hover color
+         */
+        readonly v2Hover: string;
+        /**
+         * 阴影颜色 1
+         */
+        /** @en
+         * Shadow color 1
+         */
+        readonly v2Shadow1: string;
+        /**
+         * 阴影颜色 2
+         */
+        /** @en
+         * Shadow color 2
+         */
+        readonly v2Shadow2: string;
+        /**
+         * 阴影颜色 3
+         */
+        /** @en
+         * Shadow color 3
+         */
+        readonly v2Shadow3: string;
+        /**
+         * 基色
+         */
+        /** @en
+         * essential color
+         */
+        readonly v2Essential: string;
+        /**
+         * 基色反色
+         */
+        /** @en
+         *  essential color inverse
+         */
+        readonly v2EssentialInverse: string;
+    };
+}
+export declare const baseTheme: FcrMultiThemesImpl;
+export {};

package/lib/fcr-ui-scene/src/configs/base-ui.d.ts

@@ -0,0 +1,12 @@
+import { FcrEngagement, FcrExtension, FcrFooter, FcrHeader, FcrStage, FcrUIConfig } from 'agora-common-libs';
+declare class FcrUIConfigImpl implements FcrUIConfig {
+    get version(): string;
+    get name(): string;
+    get header(): FcrHeader;
+    get stage(): FcrStage;
+    get engagement(): FcrEngagement;
+    get footer(): FcrFooter;
+    get extension(): FcrExtension;
+}
+export declare const roomMidClass: FcrUIConfigImpl;
+export {};

package/lib/fcr-ui-scene/src/containers/action-bar/chat/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Chat: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/cloud/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Cloud: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/device/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import './index.css';
+import { EduStreamUI } from '@ui-scene/utils/stream/struct';
+export declare const AudioRecordinDeviceIcon: ({ size, stream }: {
+    size?: number | undefined;
+    stream?: EduStreamUI | undefined;
+}) => JSX.Element;
+export declare const MicrophoneDevice: FC;
+export declare const CameraDevice: FC;

package/lib/fcr-ui-scene/src/containers/action-bar/index.d.ts

@@ -0,0 +1,24 @@
+import { PopoverProps } from '@components/popover';
+import { SvgIconEnum, SvgImgProps } from '@components/svg-img';
+import { FC, ReactNode } from 'react';
+import './index.css';
+export declare const ActionBar: () => JSX.Element;
+interface ActionBarItemWrapperProps {
+    classNames?: string;
+}
+export declare const ActionBarItemWrapper: FC<React.PropsWithChildren<ActionBarItemWrapperProps>>;
+declare type ActionBarItemIconTypes = SvgIconEnum | SvgImgProps;
+interface ActionBarItemProps {
+    classNames?: string;
+    icon: ActionBarItemIconTypes;
+    text: ReactNode;
+    active?: boolean;
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export declare const ActionBarItem: FC<ActionBarItemProps>;
+interface ActionBarItemWithPopoverProps extends ActionBarItemProps {
+    popoverProps?: PopoverProps;
+}
+export declare const ActionBarItemWithPopover: FC<ActionBarItemWithPopoverProps>;
+export {};

package/lib/fcr-ui-scene/src/containers/action-bar/leave/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Leave: () => JSX.Element;
+export declare const LeaveCheck: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/participants/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Participants: (() => JSX.Element) & {
+    displayName: string;
+};

package/lib/fcr-ui-scene/src/containers/action-bar/raise-hands/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const RaiseHands: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/record/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Record: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/screen-share/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const ScreenShare: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/setting/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Setting: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/toolbox/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const ToolBox: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/whiteboard/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const Whiteboard: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/breakout-room/ask-help-list.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+declare type AskHelpRequest = {
+    groupUuid: string;
+    groupName: string;
+};
+export declare const AskHelpList: () => JSX.Element;
+export declare const AskForHelpListItem: FC<{
+    item: AskHelpRequest;
+}>;
+export {};

package/lib/fcr-ui-scene/src/containers/breakout-room/broadcast-panel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const BroadcastMessagePanel: FC<{
+    onClose: () => void;
+}>;

package/lib/fcr-ui-scene/src/containers/breakout-room/create-panel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const CreatePanel: FC<{
+    onClose: () => void;
+}>;

package/lib/fcr-ui-scene/src/containers/breakout-room/group-info-panel.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GroupInfoPanel: () => JSX.Element | null;

package/lib/fcr-ui-scene/src/containers/breakout-room/group-panel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const GroupPanel: FC<{
+    groupId?: string;
+    onChange: (groupId: string) => void;
+}>;

package/lib/fcr-ui-scene/src/containers/breakout-room/group-status-panel.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GroupStatusPanel: () => JSX.Element | null;

package/lib/fcr-ui-scene/src/containers/breakout-room/grouping.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare type GroupItem = {
+    id: string;
+    name: string;
+    tag?: string;
+};
+export declare const BreakoutRoomGrouping: () => JSX.Element;
+export declare const UngroupedList: () => JSX.Element;
+export declare const Groups: () => JSX.Element;
+export declare const GroupedList: ({ groupId, groupName, list }: {
+    groupId: string;
+    groupName: string;
+    list: GroupItem[];
+}) => JSX.Element;
+export {};

package/lib/fcr-ui-scene/src/containers/breakout-room/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const BreakoutDialog: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement | null>>;

package/lib/fcr-ui-scene/src/containers/breakout-room/search-panel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const SearchPanel: FC<{
+    groupId: string;
+    onChange: (users: string[]) => void;
+}>;

package/lib/fcr-ui-scene/src/containers/breakout-room/wizard.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const BreakoutWizard: FC<{
+    onChange: () => void;
+}>;
+export declare const WizardGrouping: FC;
+export declare const WizardCreate: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/cloud/dialog-header.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './dialog-header.css';
+export declare const CloudDialogHeader: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/cloud/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const CloudTabsValueContext: import("react").Context<{
+    currentTab: string;
+    setCurrentTab: (tab: string) => void;
+}>;
+export declare const CloudDialog: FC;

package/lib/fcr-ui-scene/src/containers/cloud/personal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const PersonalResource: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/cloud/public.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.css';
+import './index.css';
+export declare const PublicResource: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/common/interact-labels.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './index.css';
+export declare const InteractLabelGroup: ({ userUuid, placement, }: {
+    userUuid?: string | undefined;
+    placement?: "status-bar" | "main-view" | "list-view" | undefined;
+}) => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/basic-settings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BasicSettings: (() => JSX.Element) & {
+    displayName: string;
+};

package/lib/fcr-ui-scene/src/containers/device-pretest/beauty-filter.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BeautyFilter: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/beauty-slider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BeautySlider: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/device-select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CameraSelect: () => JSX.Element;
+export declare const MicrophoneSelect: () => JSX.Element;
+export declare const SpeakerSelect: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.css';
+export declare const DeviceTabKeysContext: React.Context<"virtual-background" | "beauty-filter" | "basic-settings">;
+export declare const DevicePretest: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/mirror-toggle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const MirrorToggle: ({ placement }: {
+    placement: 'setting' | 'pretest';
+}) => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/video-portal.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const VideoPortal: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-pretest/virtual-background.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const VirtualBackground: (() => JSX.Element) & {
+    displayName: string;
+};

package/lib/fcr-ui-scene/src/containers/device-settings/audio-settings.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AudioSettings: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-settings/dialog-wrapper.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DeviceSettingsDialog: FC;

package/lib/fcr-ui-scene/src/containers/device-settings/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const DeviceSettings: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/device-settings/video-settings.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const VideoSettings: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/dialog/class-info.d.ts

@@ -0,0 +1,3 @@
+import { ClassDialogProps } from '@components/dialog/class-dialog';
+import { FC } from 'react';
+export declare const ClassInfoDialog: FC<ClassDialogProps>;

package/lib/fcr-ui-scene/src/containers/dialog/confirm.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmDialogProps } from '@components/dialog/confirm-dialog';
+import { FC } from 'react';
+export declare const ConfirmDialogWrapper: FC<ConfirmDialogProps>;