jp.ui.app.ds 1.0.14 → 1.0.16

package/dist/index.d.ts

@@ -3,7 +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 { DragStopEvent, DragStartEvent, DragMoveEvent, DroppableDroppedEvent } from '@shopify/draggable';
 import { AppSectionButton, AppScreenSectionListItem, AppScreenTypes } from 'jp.common.view';
 
 type RoomsItemRequisiteType = {
@@ -201,6 +201,7 @@ type PlayerMoveButtonsType = {
     title: string;
 };
 type PlayerMoveButtonsProps = {
+    isOpen: boolean;
     moves: Array<PlayerMoveButtonsType>;
     onMoveButtonClick?: (id: string) => void;
     infoMessage?: string;
@@ -268,6 +269,55 @@ declare const WorkflowButtonsStyled: _emotion_styled.StyledComponent<{
     as?: React.ElementType;
 }, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+type DragAndDropEvent = {
+    event: DragStopEvent;
+    dragItemId: number;
+    targetId?: number;
+};
+type DragAndDropZoneClick = {
+    event: Event;
+    targetId: number;
+    activated: boolean;
+};
+type DragAndDropContainerProps = {
+    containerId: string;
+    children: React$1.ReactNode;
+    className?: string;
+    onStartDrag?: (event: DragAndDropEvent) => void;
+    onSuccessDrop?: (event: DragAndDropEvent) => void;
+    onFailDrop?: (event: DragAndDropEvent) => void;
+    onDragItemClick?: (event: DragAndDropEvent) => void;
+    onDropZoneClick?: (event: DragAndDropZoneClick) => void;
+};
+declare class DragAndDropContainer extends React$1.PureComponent<DragAndDropContainerProps> {
+    private startEvent;
+    private moveEvent;
+    private droppable;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleDragAndDropClick: (event: PointerEvent) => void;
+    handleDragStart: (evt: DragStartEvent) => void;
+    handleDragStop: (evt: DragStopEvent) => void;
+    handleDragMove: (evt: DragMoveEvent) => void;
+    handleDropped: (evt: DroppableDroppedEvent) => void;
+    render(): React$1.JSX.Element;
+}
+
+type DropzoneProps = {
+    className?: string;
+    children: React$1.ReactNode;
+    id: number;
+};
+declare const DragAndDropZone: ({ id, children, className }: DropzoneProps) => React$1.JSX.Element;
+
+type DragAndDropItemProps = {
+    children: React$1.ReactNode;
+    id: number;
+    className?: string;
+    dataTargets?: Array<number>;
+};
+declare const DragAndDropItem: ({ children, id, className, dataTargets }: DragAndDropItemProps) => React$1.JSX.Element;
+
 type CardTableProps = {
     orientation: 'horizontal' | 'vertical';
     size: number;
@@ -294,17 +344,6 @@ type CardPair = {
     disabled: boolean;
 };
 
-type DragAndDropEvent = {
-    event: DragStopEvent;
-    dragItemId: number;
-    targetId?: number;
-};
-type DragAndDropZoneClick = {
-    event: Event;
-    targetId: number;
-    activated: boolean;
-};
-
 type CardDropTableProps$1 = {
     onSuccessDrop?: (event: DragAndDropEvent) => void;
     onFailDrop?: (event: DragAndDropEvent) => void;
@@ -323,6 +362,8 @@ type CardDropTableProps$1 = {
     cardsPanelCards: Array<GameCardType>;
     cardsPanelIsOpen: boolean;
     cardsPanelMoves: Array<PlayerMoveButtonsType$1>;
+    summaryRequisites?: Array<SummaryRequisiteItem>;
+    summaryRequisitesTimer?: number;
 };
 declare const CardDragAndDropTable: (props: CardDropTableProps$1) => JSX$1.Element;
 
@@ -874,4 +915,5 @@ type UniversalScreenProps = {
 };
 declare const UniversalScreen: (props: UniversalScreenProps) => React$1.JSX.Element;
 
-export { Alert, AppBarHeader, Avatar, AvatarBadge, AvatarImage, Badge, Banner, Body, BottomSelectionPanel, BottomSheet, Card, CardButton, CardDeck, 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 };
+export { Alert, AppBarHeader, Avatar, AvatarBadge, AvatarImage, Badge, Banner, Body, BottomSelectionPanel, BottomSheet, Card, CardButton, CardDeck, CardDragAndDropTable, CardItem, CardProduct, CardTable, CardsPlayer, CardsPlayerOnMobileTable, CardsPlayerOnMobileTableYours, CardsPlayerYours, Checkbox, CircularProgress, Dialog, Display, Divider, DragAndDropContainer, DragAndDropItem, DragAndDropZone, 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 };
+export type { DragAndDropEvent, DragAndDropZoneClick };