jp.ui.app.ds 1.0.11 → 1.0.12

package/dist/index.d.ts

@@ -3,6 +3,7 @@ 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 { DragStopEvent } from '@shopify/draggable';
 import { AppSectionButton, AppScreenSectionListItem, AppScreenTypes } from 'jp.common.view';
 
 type RoomsItemRequisiteType = {
@@ -267,6 +268,180 @@ declare const WorkflowButtonsStyled: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+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;
+    isSelected?: boolean;
+    targets?: Array<number>;
+};
+type CardPair = {
+    id: number;
+    bottom?: GameCardType;
+    top?: GameCardType;
+    activated?: boolean;
+    disabled?: boolean;
+};
+
+type DragAndDropEvent = {
+    event: DragStopEvent;
+    dragItemId: number;
+    targetId?: number;
+};
+type DragAndDropZoneClick = {
+    event: Event;
+    targetId: number;
+    activated: boolean;
+};
+
+type CardDropTableProps = {
+    cardsPairs: Array<CardPair>;
+    activePlayerCards: Array<GameCardType>;
+    tableOrientation: 'horizontal' | 'vertical';
+    tableSize: number;
+    tableSeats: Array<{
+        seatNumber: number;
+        player: JSX$1.Element;
+    }>;
+    onSuccessDrop?: (event: DragAndDropEvent) => void;
+    onFailDrop?: (event: DragAndDropEvent) => void;
+    onDragItemClick?: (event: DragAndDropEvent) => void;
+    onDropZoneClick?: (event: DragAndDropZoneClick) => void;
+    onCloseClick?: () => void;
+    moves: Array<PlayerMoveButtonsType$1>;
+    onMoveButtonClick?: (id: string) => void;
+};
+declare const CardDragAndDropTable: (props: CardDropTableProps) => JSX$1.Element;
+
+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 GameCardBaseProps = {
+    rank?: number;
+    suit?: string;
+    size: GameCardSizeEnum;
+    theme: Theme;
+    hasAnimation?: boolean;
+    isDisable?: boolean;
+    isSelected?: boolean;
+    mini?: boolean;
+};
+type SuitSet = {
+    club: string;
+    spade: string;
+    heart: string;
+    diamond: string;
+};
+declare abstract class GameCardBase extends React$1.PureComponent<GameCardBaseProps> {
+    abstract getCover(): JSX$1.Element;
+    abstract getFace(): JSX$1.Element;
+    abstract getMiniFace(): 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 isSelected(): 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;
+    getMiniFace(): React$1.JSX.Element;
+}
+
+declare function createGameCard(skin: string): typeof CardSkinWestern;
+
+type CardsRowProps = {
+    cards: Array<GameCardType>;
+};
+declare const TableCardsRow: ({ cards }: CardsRowProps) => React$1.JSX.Element;
+
 declare const Badge: _emotion_styled.StyledComponent<{
     theme?: Theme;
     as?: React.ElementType;
@@ -691,4 +866,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, 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 };
+export { Alert, AppBarHeader, Avatar, AvatarBadge, AvatarImage, Badge, Banner, Body, BottomSelectionPanel, BottomSheet, Card, CardButton, CardDragAndDropTable, 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, PlayerMoveButtonsExtra, PlayerMoveButtonsPanel, 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 };