@app-studio/web 0.8.58 → 0.8.60

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.props.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ViewProps } from 'app-studio';
+export interface DragAndDropProps {
+    items: any[];
+    onChange?: (items: any[]) => void;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    containerProps?: ViewProps;
+    itemProps?: ViewProps;
+}

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.state.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DragAndDropProps } from './DragAndDrop.props';
+export declare const useDragAndDropState: ({ items: initialItems, onChange, }: DragAndDropProps) => {
+    items: any[];
+    draggedItem: any;
+    draggedIndex: number | null;
+    itemRefs: import("react").MutableRefObject<(HTMLDivElement | null)[]>;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+};

package/dist/components/DragAndDrop/DragAndDrop/DragAndDrop.view.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DragAndDropProps } from './DragAndDrop.props';
+interface DragAndDropViewProps extends DragAndDropProps {
+    draggedIndex: number | null;
+    itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    renderItem?: (item: any, index: number) => React.ReactNode;
+    handleDragStart: (e: React.MouseEvent | React.TouchEvent, index: number) => void;
+}
+export declare const DragAndDropView: React.FC<DragAndDropViewProps>;
+export {};

package/dist/components/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DragAndDropProps } from './DragAndDrop/DragAndDrop.props';
+export declare const DragAndDropComponent: React.FC<DragAndDropProps>;
+export declare const DragAndDrop: React.FC<DragAndDropProps>;

package/dist/components/DragAndDrop/examples/Simple.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SimpleDragAndDrop: () => React.JSX.Element;

package/dist/components/Icon/Icon.d.ts

@@ -8,6 +8,9 @@ export interface IconProps extends Omit<ViewProps, 'size'> {
     orientation?: 'left' | 'right' | 'up' | 'down';
 }
 export declare const ChevronIcon: React.FC<IconProps>;
+export declare const DragHandleIcon: React.FC<IconProps>;
+export declare const TwitterIcon: React.FC<IconProps>;
+export declare const XIcon: React.FC<IconProps>;
 export declare const TwitchIcon: React.FC<IconProps>;
 export declare const CloseIcon: React.FC<IconProps>;
 export declare const InstagramIcon: React.FC<IconProps>;

package/dist/components/index.d.ts

@@ -30,6 +30,7 @@ export * from './Icon/Icon';
 export * as Icon from './Icon/Icon';
 export * from './Toggle/Toggle';
 export * from './ToggleGroup/ToggleGroup';
+export * from './DragAndDrop/DragAndDrop';
 export * from './Alert/Alert/Alert.props';
 export * from './AspectRatio/AspectRatio/AspectRatio.props';
 export * from './Avatar/Avatar/Avatar.props';

package/dist/pages/dragAndDrop.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const DragAndDropPage: () => React.JSX.Element;
+export default DragAndDropPage;

package/dist/pages/icon.page.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const ButtonPage: () => React.JSX.Element;
-export default ButtonPage;
+export declare const IconPage: () => React.JSX.Element;
+export default IconPage;