jp.ui.app.ds 1.0.10 → 1.0.11

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as React$1 from 'react';
 import { JSX as JSX$1 } from 'react';
+import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import * as _emotion_styled from '@emotion/styled';
 import { AppSectionButton, AppScreenSectionListItem, AppScreenTypes } from 'jp.common.view';
 
 type RoomsItemRequisiteType = {
@@ -135,131 +135,6 @@ type componentProps = {
 };
 declare const CardProduct: (props: componentProps) => React$1.JSX.Element;
 
-type CardTableProps = {
-    orientation: 'horizontal' | 'vertical';
-    size: number;
-    seats: Array<{
-        seatNumber: number;
-        player: JSX$1.Element;
-    }>;
-};
-declare const CardTable: ({ seats, orientation, size }: CardTableProps) => JSX$1.Element;
-
-type GameCardType = {
-    id: number;
-    rank: number;
-    suit: string;
-    isDisable: boolean;
-};
-
-type CardsPlayerProps = {
-    playerId: string;
-    name: string;
-    avatarUrl: string;
-    avatarFrame?: string;
-    stack: string;
-    isActive: boolean;
-    cards: Array<GameCardType>;
-    role?: string;
-    selectedReaction?: string;
-    previewRatingWinnerRank?: number;
-    playerComment?: string;
-    itemClick?: (playerId: string) => void;
-    timer?: number;
-};
-declare const CardsPlayer: (props: CardsPlayerProps) => React$1.JSX.Element;
-
-type CardsPlayerYoursProps = CardsPlayerProps & {
-    yoursComment?: string;
-};
-declare const CardsPlayerYours: (props: CardsPlayerYoursProps) => React$1.JSX.Element;
-
-declare const CardsPlayerOnMobileTable: (props: CardsPlayerProps) => React$1.JSX.Element;
-
-declare const CardsPlayerOnMobileTableYours: (props: CardsPlayerYoursProps) => React$1.JSX.Element;
-
-declare enum GameCardSizeEnum {
-    USER = 0,
-    TABLE = 1
-}
-
-declare enum GameCardSuitEnum {
-    HEART = "heart",
-    SPADE = "spade",
-    CLUB = "club",
-    DIAMOND = "diamond"
-}
-
-declare enum GameCardRankEnum {
-    CARD_2 = 2,
-    CARD_3 = 3,
-    CARD_4 = 4,
-    CARD_5 = 5,
-    CARD_6 = 6,
-    CARD_7 = 7,
-    CARD_8 = 8,
-    CARD_9 = 9,
-    CARD_10 = 10,
-    CARD_JACK = 11,
-    CARD_QUEEN = 12,
-    CARD_KING = 13,
-    CARD_ACE = 14
-}
-
-declare enum GameCardSkinEnum {
-    DEFAULT = "card_skin__default",
-    WESTERN = "card_skin__western",
-    PINK_PANTHER = "card_skin__pink_panther",
-    DACHA = "card_skin__dacha",
-    VAMPIRE = "card_skin__vampire",
-    USSR = "card_skin__ussr",
-    POKERDOM = "card_skin__pokerdom",
-    PREMIUM = "card_skin__premium"
-}
-
-type componentTypeStyle = {
-    rank?: number;
-    suit?: string;
-    size: GameCardSizeEnum;
-    theme: Theme;
-    hasAnimation?: boolean;
-    isDisable?: boolean;
-};
-type SuitSet = {
-    club: string;
-    spade: string;
-    heart: string;
-    diamond: string;
-};
-declare abstract class GameCardBase extends React$1.PureComponent<componentTypeStyle> {
-    abstract getCover(): JSX$1.Element;
-    abstract getFace(): JSX$1.Element;
-    abstract getFaceBackgroundColor(): string;
-    abstract getFaceBorderColor(): string;
-    abstract getCoverBackgroundColor(): string;
-    abstract getCoverBorderColor(): string;
-    protected suitToIcon(iconSet: SuitSet): string;
-    protected suitToColor(colorSet: SuitSet): string;
-    protected isTableSize(): boolean;
-    protected isEmpty(): boolean;
-    protected isTen(): boolean;
-    protected isDisable(): boolean;
-    protected rankToLetter(): string;
-    protected getTheme(): Theme;
-    render(): JSX$1.Element;
-}
-
-declare class CardSkinWestern extends GameCardBase {
-    getFaceBackgroundColor(): string;
-    getFaceBorderColor(): string;
-    getCoverBackgroundColor(): string;
-    getCoverBorderColor(): string;
-    getCover(): JSX$1.Element;
-    getFace(): JSX$1.Element;
-}
-
-declare function createGameCard(skin: string): typeof CardSkinWestern;
-
 type LastActionPanelType = {
     playerComment?: string;
     selectedReaction?: string;
@@ -303,6 +178,23 @@ type PageScreenType = {
 };
 declare const PageScreen: (props: PageScreenType) => React$1.JSX.Element;
 
+type PlayerMoveButtonsType$1 = {
+    id: string;
+    title: string;
+};
+type PlayerMoveButtonsProps$1 = {
+    moves: Array<PlayerMoveButtonsType$1>;
+    onMoveButtonClick?: (id: string) => void;
+};
+declare const PlayerMoveButtons: (props: PlayerMoveButtonsProps$1) => React$1.JSX.Element;
+
+type PlayerMoveButtonsExtraProps = {
+    reactButton?: IconButtonType;
+    chatButton?: IconButtonType;
+    hasNewMessages: boolean;
+};
+declare const PlayerMoveButtonsExtra: (props: PlayerMoveButtonsExtraProps) => React$1.JSX.Element;
+
 type PlayerMoveButtonsType = {
     id: string;
     title: string;
@@ -315,7 +207,7 @@ type PlayerMoveButtonsProps = {
     chatButton?: IconButtonType;
     hasNewMessages?: boolean;
 };
-declare const PlayerMoveButtons: (props: PlayerMoveButtonsProps) => React$1.JSX.Element;
+declare const PlayerMoveButtonsPanel: (props: PlayerMoveButtonsProps) => React$1.JSX.Element;
 
 type PlayersRowProps = {
     activeIndex: number;
@@ -358,11 +250,6 @@ declare const Skeleton: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 } & SkeletonType, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
-type CardsRowProps = {
-    cards: Array<GameCardType>;
-};
-declare const TableCardsRow: ({ cards }: CardsRowProps) => React$1.JSX.Element;
-
 type SummaryRequisiteItem = {
     label: string;
     value: string;
@@ -546,8 +433,12 @@ declare const content_min_width = "320px";
 declare const content_max_width = "960px";
 declare const toolbar_height_number = 64;
 declare const toolbar_height = "64px";
+declare const card_table_border_radius = "10px";
+declare const card_user_border_radius = "4px";
 
 declare const common_d_border_radius: typeof border_radius;
+declare const common_d_card_table_border_radius: typeof card_table_border_radius;
+declare const common_d_card_user_border_radius: typeof card_user_border_radius;
 declare const common_d_content_max_width: typeof content_max_width;
 declare const common_d_content_min_width: typeof content_min_width;
 declare const common_d_toolbar_height: typeof toolbar_height;
@@ -555,6 +446,8 @@ declare const common_d_toolbar_height_number: typeof toolbar_height_number;
 declare namespace common_d {
   export {
     common_d_border_radius as border_radius,
+    common_d_card_table_border_radius as card_table_border_radius,
+    common_d_card_user_border_radius as card_user_border_radius,
     common_d_content_max_width as content_max_width,
     common_d_content_min_width as content_min_width,
     common_d_toolbar_height as toolbar_height,
@@ -743,6 +636,7 @@ declare const page = 700;
 declare const page_friends_chat = 701;
 declare const dialog = 1000;
 declare const snackbar = 1400;
+declare const drop_item_mirror = 1001;
 
 declare const zIndex_d_avatar_badge: typeof avatar_badge;
 declare const zIndex_d_avatar_cards: typeof avatar_cards;
@@ -750,6 +644,7 @@ declare const zIndex_d_bottom_panel: typeof bottom_panel;
 declare const zIndex_d_bottom_selection_panel: typeof bottom_selection_panel;
 declare const zIndex_d_bottom_sheet: typeof bottom_sheet;
 declare const zIndex_d_dialog: typeof dialog;
+declare const zIndex_d_drop_item_mirror: typeof drop_item_mirror;
 declare const zIndex_d_page: typeof page;
 declare const zIndex_d_page_friends_chat: typeof page_friends_chat;
 declare const zIndex_d_snackbar: typeof snackbar;
@@ -762,6 +657,7 @@ declare namespace zIndex_d {
     zIndex_d_bottom_selection_panel as bottom_selection_panel,
     zIndex_d_bottom_sheet as bottom_sheet,
     zIndex_d_dialog as dialog,
+    zIndex_d_drop_item_mirror as drop_item_mirror,
     zIndex_d_page as page,
     zIndex_d_page_friends_chat as page_friends_chat,
     zIndex_d_snackbar as snackbar,
@@ -795,4 +691,4 @@ type UniversalScreenProps = {
 };
 declare const UniversalScreen: (props: UniversalScreenProps) => React$1.JSX.Element;
 
-export { Alert, AppBarHeader, Avatar, AvatarBadge, AvatarImage, Badge, Banner, Body, BottomSelectionPanel, BottomSheet, Card, CardButton, CardItem, CardProduct, CardTable, CardsPlayer, CardsPlayerOnMobileTable, CardsPlayerOnMobileTableYours, CardsPlayerYours, Checkbox, CircularProgress, Dialog, Display, Divider, FilledButton, GameCardRankEnum, GameCardSizeEnum, GameCardSkinEnum, GameCardSuitEnum, Headline, IconButton, Label, LastActionPanel, ListItem, OutlinedButton, OutlinedTextField, OutlinedTextarea, PageScreen, PlayerMoveButtons, PlayersRow, PlayersSkeleton, PlayersSkeletonRow, PopupScreen, RadioButtonGroup, RuStoreBanner, Screen, ScreenProgress, ScrollList, Skeleton, Snackbar, Tab, TableCardsRow, TableSummary, Tabs, TextButton, Title, TopAppBar, UniversalScreen, WorkflowButtonsStyled, common_d as common, createGameCard, media_d as media, palette_d as palette, zIndex_d as zIndex };
+export { Alert, AppBarHeader, Avatar, AvatarBadge, AvatarImage, Badge, Banner, Body, BottomSelectionPanel, BottomSheet, Card, CardButton, CardItem, CardProduct, Checkbox, CircularProgress, Dialog, Display, Divider, FilledButton, Headline, IconButton, Label, LastActionPanel, ListItem, OutlinedButton, OutlinedTextField, OutlinedTextarea, PageScreen, PlayerMoveButtons, PlayerMoveButtonsExtra, PlayerMoveButtonsPanel, PlayersRow, PlayersSkeleton, PlayersSkeletonRow, PopupScreen, RadioButtonGroup, RuStoreBanner, Screen, ScreenProgress, ScrollList, Skeleton, Snackbar, Tab, TableSummary, Tabs, TextButton, Title, TopAppBar, UniversalScreen, WorkflowButtonsStyled, common_d as common, media_d as media, palette_d as palette, zIndex_d as zIndex };