jp.ui.app.ds 1.0.10 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +29 -133
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/just_poker/drag-and-drop/const.d.ts +6 -0
- package/dist/just_poker/drag-and-drop/drag-and-drop-container.d.ts +36 -0
- package/dist/just_poker/drag-and-drop/drag-and-drop-item.d.ts +9 -0
- package/dist/just_poker/drag-and-drop/drag-and-drop-item.style.d.ts +4 -0
- package/dist/just_poker/drag-and-drop/drag-and-drop-zone.d.ts +8 -0
- package/dist/just_poker/drag-and-drop/index.d.ts +3 -0
- package/dist/just_poker/index.d.ts +2 -4
- package/dist/just_poker/player-move-buttons/player-move-buttons.d.ts +0 -5
- package/dist/just_poker/player-move-buttons/player-move-buttons.style.d.ts +0 -15
- package/dist/just_poker/player-move-buttons-extra/index.d.ts +1 -0
- package/dist/just_poker/player-move-buttons-extra/player-move-buttons-extra.d.ts +9 -0
- package/dist/just_poker/player-move-buttons-extra/player-move-buttons-extra.style.d.ts +7 -0
- package/dist/just_poker/player-move-buttons-panel/index.d.ts +1 -0
- package/dist/just_poker/player-move-buttons-panel/player-move-buttons-panel.d.ts +16 -0
- package/dist/just_poker/player-move-buttons-panel/player-move-buttons-panel.style.d.ts +19 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-selection-panel-item.d.ts +8 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-selection-panel-item.style.d.ts +14 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-selection-panel.d.ts +12 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-selection-panel.style.d.ts +4 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-sheet.d.ts +7 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/card-bottom-sheet.style.d.ts +33 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-bottom-selection-panel/index.d.ts +2 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drag-and-drop-table.d.ts +23 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drag-and-drop-table.style.d.ts +8 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-item.d.ts +7 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-item.style.d.ts +9 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-pair.d.ts +7 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-pair.style.d.ts +16 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-slot.d.ts +2 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-slot.style.d.ts +9 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone.d.ts +7 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone.style.d.ts +4 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/index.d.ts +1 -0
- package/dist/just_poker_cards/card-drag-and-drop-table/index.d.ts +1 -0
- package/dist/just_poker_cards/card-table/card-table-seat.d.ts +8 -0
- package/dist/just_poker_cards/card-table/card-table-seat.style.d.ts +9 -0
- package/dist/just_poker_cards/card-table/card-table.d.ts +11 -0
- package/dist/just_poker_cards/card-table/card-table.style.d.ts +15 -0
- package/dist/just_poker_cards/card-table/index.d.ts +1 -0
- package/dist/just_poker_cards/card-table/seat-coord.d.ts +5 -0
- package/dist/just_poker_cards/cards-player/cards-player-on-mobile-table-yours.d.ts +3 -0
- package/dist/just_poker_cards/cards-player/cards-player-on-mobile-table-yours.style.d.ts +42 -0
- package/dist/just_poker_cards/cards-player/cards-player-on-mobile-table.d.ts +3 -0
- package/dist/just_poker_cards/cards-player/cards-player-on-mobile-table.style.d.ts +39 -0
- package/dist/just_poker_cards/cards-player/cards-player-yours.d.ts +6 -0
- package/dist/just_poker_cards/cards-player/cards-player-yours.style.d.ts +28 -0
- package/dist/just_poker_cards/cards-player/cards-player.d.ts +18 -0
- package/dist/just_poker_cards/cards-player/cards-player.style.d.ts +20 -0
- package/dist/just_poker_cards/cards-player/index.d.ts +4 -0
- package/dist/just_poker_cards/game-card/game-card-factory.d.ts +2 -0
- package/dist/just_poker_cards/game-card/game-cards-deck.d.ts +16 -0
- package/dist/just_poker_cards/game-card/game-cards-deck.style.d.ts +4 -0
- package/dist/just_poker_cards/game-card/game-cards-row.d.ts +11 -0
- package/dist/just_poker_cards/game-card/game-cards-row.style.d.ts +6 -0
- package/dist/just_poker_cards/game-card/game-cards-stub.d.ts +6 -0
- package/dist/just_poker_cards/game-card/game-cards-stub.style.d.ts +12 -0
- package/dist/just_poker_cards/game-card/index.d.ts +6 -0
- package/dist/just_poker_cards/game-card/skins/base/game-card-base.d.ts +40 -0
- package/dist/just_poker_cards/game-card/skins/base/game-card-base.style.d.ts +59 -0
- package/dist/just_poker_cards/game-card/skins/dacha/card-skin-dacha.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/dacha/card-skin-dacha.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/skins/default/game-card-skin-default.d.ts +14 -0
- package/dist/just_poker_cards/game-card/skins/default/game-card-skin-default.style.d.ts +37 -0
- package/dist/just_poker_cards/game-card/skins/pink-panther/card-skin-pink-panther.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/pink-panther/card-skin-pink-panther.style.d.ts +34 -0
- package/dist/just_poker_cards/game-card/skins/pokerdom/card-skin-pokerdom.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/pokerdom/card-skin-pokerdom.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/skins/premium/card-skin-premium.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/premium/card-skin-premium.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/skins/ussr/card-skin-ussr.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/ussr/card-skin-ussr.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/skins/vampire/card-skin-vampire.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/vampire/card-skin-vampire.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/skins/western/card-skin-western.d.ts +12 -0
- package/dist/just_poker_cards/game-card/skins/western/card-skin-western.style.d.ts +31 -0
- package/dist/just_poker_cards/game-card/types/game-card-rank.enum.d.ts +15 -0
- package/dist/just_poker_cards/game-card/types/game-card-size.enum.d.ts +4 -0
- package/dist/just_poker_cards/game-card/types/game-card-skin.enum.d.ts +10 -0
- package/dist/just_poker_cards/game-card/types/game-card-suit.enum.d.ts +6 -0
- package/dist/just_poker_cards/game-card/types/game-card.type.d.ts +15 -0
- package/dist/just_poker_cards/game-card/types/poker-set.enum.d.ts +13 -0
- package/dist/just_poker_cards/index.d.ts +5 -0
- package/dist/just_poker_cards/table-cards-row/index.d.ts +1 -0
- package/dist/just_poker_cards/table-cards-row/table-cards-row.d.ts +7 -0
- package/dist/matherial3/bottom-sheet/bottom-sheet.style.d.ts +4 -0
- package/dist/matherial3/helpers/backdrop/backdrop.d.ts +5 -1
- package/dist/tokens/common.d.ts +2 -0
- package/dist/tokens/z-index.d.ts +1 -0
- package/package.json +3 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const DATA_TARGET_ZONE = "data-target-zone";
|
|
2
|
+
export declare const DATA_DRAG_ITEM = "data-drag-item";
|
|
3
|
+
export declare const DATA_TARGETS = "data-targets";
|
|
4
|
+
export declare const DRAG_ITEM_CLASS_NAME = "Block--isDraggable";
|
|
5
|
+
export declare const DROPZONE_CLASS_NAME = "BlockWrapper--isDropzone";
|
|
6
|
+
export declare const DROPZONE_ACTIVE_CLASS_NAME = "activated";
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { DragMoveEvent, DragStartEvent, DragStopEvent, DroppableDroppedEvent } from '@shopify/draggable';
|
|
3
|
+
export type DragAndDropEvent = {
|
|
4
|
+
event: DragStopEvent;
|
|
5
|
+
dragItemId: number;
|
|
6
|
+
targetId?: number;
|
|
7
|
+
};
|
|
8
|
+
export type DragAndDropZoneClick = {
|
|
9
|
+
event: Event;
|
|
10
|
+
targetId: number;
|
|
11
|
+
activated: boolean;
|
|
12
|
+
};
|
|
13
|
+
type DragAndDropContainerProps = {
|
|
14
|
+
containerId: string;
|
|
15
|
+
children: React.ReactNode;
|
|
16
|
+
className?: string;
|
|
17
|
+
onStartDrag?: (event: DragAndDropEvent) => void;
|
|
18
|
+
onSuccessDrop?: (event: DragAndDropEvent) => void;
|
|
19
|
+
onFailDrop?: (event: DragAndDropEvent) => void;
|
|
20
|
+
onDragItemClick?: (event: DragAndDropEvent) => void;
|
|
21
|
+
onDropZoneClick?: (event: DragAndDropZoneClick) => void;
|
|
22
|
+
};
|
|
23
|
+
export declare class DragAndDropContainer extends React.PureComponent<DragAndDropContainerProps> {
|
|
24
|
+
private startEvent;
|
|
25
|
+
private moveEvent;
|
|
26
|
+
private droppable;
|
|
27
|
+
componentDidMount(): void;
|
|
28
|
+
componentWillUnmount(): void;
|
|
29
|
+
handleDragAndDropClick: (event: PointerEvent) => void;
|
|
30
|
+
handleDragStart: (evt: DragStartEvent) => void;
|
|
31
|
+
handleDragStop: (evt: DragStopEvent) => void;
|
|
32
|
+
handleDragMove: (evt: DragMoveEvent) => void;
|
|
33
|
+
handleDropped: (evt: DroppableDroppedEvent) => void;
|
|
34
|
+
render(): React.JSX.Element;
|
|
35
|
+
}
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type DragAndDropItemProps = {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
id: number;
|
|
5
|
+
className?: string;
|
|
6
|
+
dataTargets?: Array<number>;
|
|
7
|
+
};
|
|
8
|
+
export declare const DragAndDropItem: ({ children, id, className, dataTargets }: DragAndDropItemProps) => React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -6,18 +6,16 @@ export { AvatarImage } from './avatar-image';
|
|
|
6
6
|
export { Banner } from './banner';
|
|
7
7
|
export { BottomSelectionPanel } from './bottom-selection-panel';
|
|
8
8
|
export { Card, CardProduct, CardItem, CardButton } from './card';
|
|
9
|
-
export { CardTable } from './card-table';
|
|
10
|
-
export { CardsPlayerYours, CardsPlayer, CardsPlayerOnMobileTableYours, CardsPlayerOnMobileTable } from './cards-player';
|
|
11
|
-
export { GameCardSizeEnum, GameCardSkinEnum, GameCardSuitEnum, GameCardRankEnum, createGameCard } from './game-card';
|
|
12
9
|
export { LastActionPanel } from './last-action-panel';
|
|
13
10
|
export { PageScreen, Screen } from './page-screen';
|
|
14
11
|
export { PlayerMoveButtons } from './player-move-buttons';
|
|
12
|
+
export { PlayerMoveButtonsExtra } from './player-move-buttons-extra';
|
|
13
|
+
export { PlayerMoveButtonsPanel } from './player-move-buttons-panel';
|
|
15
14
|
export { PlayersRow } from './players-row';
|
|
16
15
|
export { PlayersSkeletonRow, PlayersSkeleton } from './players-skeleton';
|
|
17
16
|
export { PopupScreen } from './popup-screen';
|
|
18
17
|
export { RuStoreBanner } from './rustore-banner';
|
|
19
18
|
export { ScrollList } from './scroll-list';
|
|
20
19
|
export { Skeleton } from './skeleton';
|
|
21
|
-
export { TableCardsRow } from './table-cards-row';
|
|
22
20
|
export { TableSummary } from './table-summary';
|
|
23
21
|
export { WorkflowButtonsStyled } from './workflow-buttons';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { IconButtonType } from '../../matherial3/icon-button/icon-button';
|
|
3
2
|
export type PlayerMoveButtonsType = {
|
|
4
3
|
id: string;
|
|
5
4
|
title: string;
|
|
@@ -7,10 +6,6 @@ export type PlayerMoveButtonsType = {
|
|
|
7
6
|
type PlayerMoveButtonsProps = {
|
|
8
7
|
moves: Array<PlayerMoveButtonsType>;
|
|
9
8
|
onMoveButtonClick?: (id: string) => void;
|
|
10
|
-
infoMessage?: string;
|
|
11
|
-
reactButton?: IconButtonType;
|
|
12
|
-
chatButton?: IconButtonType;
|
|
13
|
-
hasNewMessages?: boolean;
|
|
14
9
|
};
|
|
15
10
|
export declare const PlayerMoveButtons: (props: PlayerMoveButtonsProps) => React.JSX.Element;
|
|
16
11
|
export {};
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
export declare const PlayerMoveButtonsMessage: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography").TypographyProps & {
|
|
2
|
-
theme?: import("@emotion/react").Theme;
|
|
3
|
-
}, {}, {}>;
|
|
4
|
-
export declare const PlayerMoveButtonsText: import("@emotion/styled").StyledComponent<{
|
|
5
|
-
theme?: import("@emotion/react").Theme;
|
|
6
|
-
as?: React.ElementType;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const PlayerMoveButtonsRoot: import("@emotion/styled").StyledComponent<{
|
|
9
|
-
theme?: import("@emotion/react").Theme;
|
|
10
|
-
as?: React.ElementType;
|
|
11
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
-
export declare const PlayerMoveButtonsButtons: import("@emotion/styled").StyledComponent<{
|
|
13
|
-
theme?: import("@emotion/react").Theme;
|
|
14
|
-
as?: React.ElementType;
|
|
15
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
1
|
export declare const PlayerMoveButtonsMainButtons: import("@emotion/styled").StyledComponent<{
|
|
17
2
|
theme?: import("@emotion/react").Theme;
|
|
18
3
|
as?: React.ElementType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PlayerMoveButtonsExtra } from './player-move-buttons-extra.tsx';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconButtonType } from '../../matherial3/icon-button/icon-button';
|
|
3
|
+
type PlayerMoveButtonsExtraProps = {
|
|
4
|
+
reactButton?: IconButtonType;
|
|
5
|
+
chatButton?: IconButtonType;
|
|
6
|
+
hasNewMessages: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const PlayerMoveButtonsExtra: (props: PlayerMoveButtonsExtraProps) => React.JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const PlayerMoveButtonsExtraStyled: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
export declare const PlayerMoveButtonsExtraButtonStyled: import("@emotion/styled").StyledComponent<import("../../matherial3/icon-button/icon-button").IconButtonType & {
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
}, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PlayerMoveButtonsPanel } from './player-move-buttons-panel.tsx';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconButtonType } from '../../matherial3/icon-button/icon-button';
|
|
3
|
+
export type PlayerMoveButtonsType = {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
};
|
|
7
|
+
type PlayerMoveButtonsProps = {
|
|
8
|
+
moves: Array<PlayerMoveButtonsType>;
|
|
9
|
+
onMoveButtonClick?: (id: string) => void;
|
|
10
|
+
infoMessage?: string;
|
|
11
|
+
reactButton?: IconButtonType;
|
|
12
|
+
chatButton?: IconButtonType;
|
|
13
|
+
hasNewMessages?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const PlayerMoveButtonsPanel: (props: PlayerMoveButtonsProps) => React.JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const PlayerMoveButtonsMessage: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography").TypographyProps & {
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
}, {}, {}>;
|
|
4
|
+
export declare const PlayerMoveButtonsText: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
as?: React.ElementType;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const PlayerMoveButtonsRoot: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const PlayerMoveButtonsButtons: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const PlayerMoveButtonsMainButtons: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { GameCardType } from '../../game-card/types/game-card.type';
|
|
3
|
+
type BottomSelectionPanelItemType = {
|
|
4
|
+
card: GameCardType;
|
|
5
|
+
id: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const CardBottomSelectionPanelItem: (props: BottomSelectionPanelItemType) => React.JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const BottomSelectionPanelItemRoot: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
export declare const BottomSelectionPanelItemCard: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
id: number;
|
|
10
|
+
className?: string;
|
|
11
|
+
dataTargets?: Array<number>;
|
|
12
|
+
} & {
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { GameCardType } from '../../game-card/types/game-card.type.ts';
|
|
3
|
+
import { PlayerMoveButtonsType } from '../../../just_poker/player-move-buttons/player-move-buttons';
|
|
4
|
+
type BottomSelectionPanelType = {
|
|
5
|
+
cards: Array<GameCardType>;
|
|
6
|
+
onCloseButtonClick?: () => void;
|
|
7
|
+
closeButtonTitle: string;
|
|
8
|
+
moves: Array<PlayerMoveButtonsType>;
|
|
9
|
+
onMoveButtonClick?: (id: string) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const CardBottomSelectionPanel: (props: BottomSelectionPanelType) => React.JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export type DialogType = {
|
|
3
|
+
closeButtonTitle: string;
|
|
4
|
+
onCloseClick?: (event: React.MouseEvent | TouchEvent | MouseEvent) => void;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const CardBottomSheet: (props: DialogType) => React.JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const BottomSheetContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const BottomSheetContainerForm: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const BottomSheetHeaderWrapper: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export declare const BottomSheetHeader: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: Theme;
|
|
16
|
+
as?: React.ElementType;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
18
|
+
export declare const BottomSheetContainerDragHandle: import("@emotion/styled").StyledComponent<{
|
|
19
|
+
theme?: Theme;
|
|
20
|
+
as?: React.ElementType;
|
|
21
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
|
+
export declare const BottomSheetContainerPopup: import("@emotion/styled").StyledComponent<{
|
|
23
|
+
children: React.ReactNode;
|
|
24
|
+
zIndex: number;
|
|
25
|
+
className?: string;
|
|
26
|
+
} & {
|
|
27
|
+
theme?: Theme;
|
|
28
|
+
}, {}, {}>;
|
|
29
|
+
export declare const BottomSheetContainerBackdrop: import("@emotion/styled").StyledComponent<{
|
|
30
|
+
className?: string;
|
|
31
|
+
} & {
|
|
32
|
+
theme?: Theme;
|
|
33
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { JSX } from 'react';
|
|
2
|
+
import { CardPair, GameCardType } from '../game-card/types/game-card.type';
|
|
3
|
+
import { DragAndDropEvent, DragAndDropZoneClick } from '../../just_poker/drag-and-drop/drag-and-drop-container';
|
|
4
|
+
import { PlayerMoveButtonsType } from '../../just_poker/player-move-buttons/player-move-buttons.tsx';
|
|
5
|
+
type CardDropTableProps = {
|
|
6
|
+
cardsPairs: Array<CardPair>;
|
|
7
|
+
activePlayerCards: Array<GameCardType>;
|
|
8
|
+
tableOrientation: 'horizontal' | 'vertical';
|
|
9
|
+
tableSize: number;
|
|
10
|
+
tableSeats: Array<{
|
|
11
|
+
seatNumber: number;
|
|
12
|
+
player: JSX.Element;
|
|
13
|
+
}>;
|
|
14
|
+
onSuccessDrop?: (event: DragAndDropEvent) => void;
|
|
15
|
+
onFailDrop?: (event: DragAndDropEvent) => void;
|
|
16
|
+
onDragItemClick?: (event: DragAndDropEvent) => void;
|
|
17
|
+
onDropZoneClick?: (event: DragAndDropZoneClick) => void;
|
|
18
|
+
onCloseClick?: () => void;
|
|
19
|
+
moves: Array<PlayerMoveButtonsType>;
|
|
20
|
+
onMoveButtonClick?: (id: string) => void;
|
|
21
|
+
};
|
|
22
|
+
export declare const CardDragAndDropTable: (props: CardDropTableProps) => JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const CardDropTableCardsStyled: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
export declare const CardDropTableCardsRowStyled: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CardPair } from '../../game-card/types/game-card.type.ts';
|
|
3
|
+
type CardDropzoneProps = {
|
|
4
|
+
cardPair?: CardPair;
|
|
5
|
+
};
|
|
6
|
+
export declare const CardDropzoneItem: ({ cardPair }: CardDropzoneProps) => React.JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CardPair } from '../../game-card/types/game-card.type.ts';
|
|
3
|
+
type CardDropzoneProps = {
|
|
4
|
+
cardPair?: CardPair;
|
|
5
|
+
};
|
|
6
|
+
export declare const CardDropzonePair: ({ cardPair }: CardDropzoneProps) => React.JSX.Element;
|
|
7
|
+
export {};
|
package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-pair.style.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const CardDropZoneContainerWrapper: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
|
+
type CardDropZoneContainerProps = {
|
|
6
|
+
hasBottom: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const CardDropZoneContainer: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & CardDropZoneContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const CardDropZoneContainerTop: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
14
|
+
as?: React.ElementType;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export {};
|
package/dist/just_poker_cards/card-drag-and-drop-table/card-drop-zone/card-dropzone-slot.style.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const CardDropZoneSlotContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const CardDropZoneWrapper: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CardDropzone } from './card-dropzone.tsx';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CardDragAndDropTable } from './card-drag-and-drop-table.tsx';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type RoomScreenTableSeatStyleType = {
|
|
2
|
+
left: number;
|
|
3
|
+
top: number;
|
|
4
|
+
};
|
|
5
|
+
export declare const CardTableSeatStyle: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
} & RoomScreenTableSeatStyleType, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { JSX } from 'react';
|
|
2
|
+
type CardTableProps = {
|
|
3
|
+
orientation: 'horizontal' | 'vertical';
|
|
4
|
+
size: number;
|
|
5
|
+
seats: Array<{
|
|
6
|
+
seatNumber: number;
|
|
7
|
+
player: JSX.Element;
|
|
8
|
+
}>;
|
|
9
|
+
};
|
|
10
|
+
export declare const CardTable: ({ seats, orientation, size }: CardTableProps) => JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const CardTableWrapperStyle: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
export declare const CardTableSvgIcon: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
icon: string;
|
|
8
|
+
} & {
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
color?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
} & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CardTable } from './card-table.tsx';
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const PlayerOnTableStyle: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
} & {
|
|
8
|
+
isActive: boolean;
|
|
9
|
+
}, {}, {}>;
|
|
10
|
+
export declare const PlayerOnTableNameStyle: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography.tsx").TypographyProps & {
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
}, {}, {}>;
|
|
13
|
+
export declare const PlayerOnTableStackStyle: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography.tsx").TypographyProps & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}, {}, {}>;
|
|
16
|
+
export declare const PlayerOnTableLastActionStyle: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
playerComment?: string;
|
|
18
|
+
selectedReaction?: string;
|
|
19
|
+
timer?: number;
|
|
20
|
+
className?: string;
|
|
21
|
+
} & {
|
|
22
|
+
theme?: Theme;
|
|
23
|
+
}, {}, {}>;
|
|
24
|
+
export declare const PlayerOnTableNameContainerStyle: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: Theme;
|
|
26
|
+
as?: React.ElementType;
|
|
27
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
28
|
+
export declare const PlayerOnTableCardsWrapperStyle: import("@emotion/styled").StyledComponent<{
|
|
29
|
+
theme?: Theme;
|
|
30
|
+
as?: React.ElementType;
|
|
31
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
32
|
+
export declare const PlayerOnTableYoursSetWrapperStyle: import("@emotion/styled").StyledComponent<{
|
|
33
|
+
theme?: Theme;
|
|
34
|
+
as?: React.ElementType;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
36
|
+
export declare const PlayerOnTableYoursSetStyle: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography.tsx").TypographyProps & {
|
|
37
|
+
theme?: Theme;
|
|
38
|
+
}, {}, {}>;
|
|
39
|
+
export declare const PlayerOnTableYoursCol: import("@emotion/styled").StyledComponent<{
|
|
40
|
+
theme?: Theme;
|
|
41
|
+
as?: React.ElementType;
|
|
42
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Theme } from '@emotion/react';
|
|
2
|
+
export declare const PlayerOnTableStyle: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: Theme;
|
|
4
|
+
as?: React.ElementType;
|
|
5
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
} & {
|
|
8
|
+
isActive: boolean;
|
|
9
|
+
}, {}, {}>;
|
|
10
|
+
export declare const PlayerOnTableNameStyle: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography.tsx").TypographyProps & {
|
|
11
|
+
theme?: Theme;
|
|
12
|
+
}, {}, {}>;
|
|
13
|
+
export declare const PlayerOnTableStackStyle: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography.tsx").TypographyProps & {
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
}, {}, {}>;
|
|
16
|
+
export declare const PlayerOnTableLastActionStyle: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
playerComment?: string;
|
|
18
|
+
selectedReaction?: string;
|
|
19
|
+
timer?: number;
|
|
20
|
+
className?: string;
|
|
21
|
+
} & {
|
|
22
|
+
theme?: Theme;
|
|
23
|
+
}, {}, {}>;
|
|
24
|
+
export declare const PlayerOnTableCardsStyle: import("@emotion/styled").StyledComponent<{
|
|
25
|
+
theme?: Theme;
|
|
26
|
+
as?: React.ElementType;
|
|
27
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
28
|
+
theme?: Theme;
|
|
29
|
+
}, {}, {}>;
|
|
30
|
+
export declare const PlayerOnTableOpenCardsStyle: import("@emotion/styled").StyledComponent<{
|
|
31
|
+
theme?: Theme;
|
|
32
|
+
as?: React.ElementType;
|
|
33
|
+
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
34
|
+
theme?: Theme;
|
|
35
|
+
}, {}, {}>;
|
|
36
|
+
export declare const PlayerOnTableNameContainerStyle: import("@emotion/styled").StyledComponent<{
|
|
37
|
+
theme?: Theme;
|
|
38
|
+
as?: React.ElementType;
|
|
39
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CardsPlayerProps } from './cards-player.tsx';
|
|
3
|
+
export type CardsPlayerYoursProps = CardsPlayerProps & {
|
|
4
|
+
yoursComment?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const CardsPlayerYours: (props: CardsPlayerYoursProps) => React.JSX.Element;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
type PlayerYoursRootType = {
|
|
2
|
+
isActive: boolean;
|
|
3
|
+
};
|
|
4
|
+
export declare const PlayerYoursRoot: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme;
|
|
6
|
+
as?: React.ElementType;
|
|
7
|
+
} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
8
|
+
theme?: import("@emotion/react").Theme;
|
|
9
|
+
} & PlayerYoursRootType, {}, {}>;
|
|
10
|
+
export declare const PlayerYoursCards: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
|
+
export declare const PlayerYoursPlayerWrapper: import("@emotion/styled").StyledComponent<{
|
|
15
|
+
theme?: import("@emotion/react").Theme;
|
|
16
|
+
as?: React.ElementType;
|
|
17
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
|
+
export declare const PlayerYoursCardsWrapper: import("@emotion/styled").StyledComponent<{
|
|
19
|
+
theme?: import("@emotion/react").Theme;
|
|
20
|
+
as?: React.ElementType;
|
|
21
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
22
|
+
export declare const CardsPlayerYoursName: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography").TypographyProps & {
|
|
23
|
+
theme?: import("@emotion/react").Theme;
|
|
24
|
+
}, {}, {}>;
|
|
25
|
+
export declare const CardsPlayerYoursStack: import("@emotion/styled").StyledComponent<import("../../matherial3/typography/m3-typography").TypographyProps & {
|
|
26
|
+
theme?: import("@emotion/react").Theme;
|
|
27
|
+
}, {}, {}>;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { GameCardType } from '../game-card/types/game-card.type.ts';
|
|
3
|
+
export type CardsPlayerProps = {
|
|
4
|
+
playerId: string;
|
|
5
|
+
name: string;
|
|
6
|
+
avatarUrl: string;
|
|
7
|
+
avatarFrame?: string;
|
|
8
|
+
stack: string;
|
|
9
|
+
isActive: boolean;
|
|
10
|
+
cards: Array<GameCardType>;
|
|
11
|
+
role?: string;
|
|
12
|
+
selectedReaction?: string;
|
|
13
|
+
previewRatingWinnerRank?: number;
|
|
14
|
+
playerComment?: string;
|
|
15
|
+
itemClick?: (playerId: string) => void;
|
|
16
|
+
timer?: number;
|
|
17
|
+
};
|
|
18
|
+
export declare const CardsPlayer: (props: CardsPlayerProps) => React.JSX.Element;
|