jp.ui.app.ds 1.0.15 → 1.0.17

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 = {
@@ -269,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;
@@ -295,24 +344,11 @@ 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;
     onDragItemClick?: (event: DragAndDropEvent) => void;
     onDropZoneClick?: (event: DragAndDropZoneClick) => void;
-    onMoveButtonClick?: (id: string) => void;
-    onCloseClick?: () => void;
     tableSize: number;
     tableOrientation: 'horizontal' | 'vertical';
     tableSeats: Array<{
@@ -324,6 +360,8 @@ type CardDropTableProps$1 = {
     cardsPanelCards: Array<GameCardType>;
     cardsPanelIsOpen: boolean;
     cardsPanelMoves: Array<PlayerMoveButtonsType$1>;
+    cardsPanelOnMoveButtonClick?: (id: string) => void;
+    cardsPanelOnCloseClick?: () => void;
     summaryRequisites?: Array<SummaryRequisiteItem>;
     summaryRequisitesTimer?: number;
 };
@@ -877,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 };