react-align 2.0.5 → 2.1.0

package/dist/index.d.ts

@@ -1,6 +1,105 @@
-export { default as GridWrapper } from "./GridWrapper";
-export { default as GridSection } from "./GridSection";
-export { default as GridArea } from "./GridArea";
-export { default as GridItem } from "./GridItem";
-export { default as Icon } from "./Icon";
-export type { Alignment } from "./GridArea";
+import { CSSProperties } from 'react';
+import { PropsWithChildren } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+
+export declare type Alignment = "start" | "centered" | "end";
+
+declare type AreaProps = {
+    id: string;
+    className?: string;
+    vertical?: boolean;
+    stretch?: boolean;
+    end?: boolean;
+    align?: Alignment;
+    disabled?: boolean;
+    /** Extra customizable parts only for the really picky */
+    style?: CSSProperties;
+    editorStyle?: CSSProperties;
+    iconColor?: string;
+    onAlignChange?: (alignment: Alignment) => void;
+};
+
+declare const _default: {
+    horizontalExtend: any;
+    horizontalNormal: any;
+    verticalExtend: any;
+    verticalNormal: any;
+    moveArrows: any;
+    alignStart: any;
+    alignCenter: any;
+    alignEnd: any;
+    alignStartV: any;
+    alignCenterV: any;
+    alignEndV: any;
+};
+
+export declare function GridArea({ id, className, vertical, stretch, end, disabled, align, onAlignChange, children, style, editorStyle, iconColor, }: PropsWithChildren<AreaProps>): JSX.Element | null;
+
+export declare function GridItem({ className, children, id, index, extendable, extended, disabled, style, editorStyle, iconColor, ...props }: ItemProps): JSX.Element;
+
+export declare const GridSection: React_2.FC<GridSectionProps>;
+
+declare type GridSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    horizontal?: boolean;
+    stretch?: boolean;
+    fixedWidth?: number;
+    fixedHeight?: number;
+    /** Extra customizable parts only for the really picky */
+    style?: CSSProperties;
+    editorStyle?: CSSProperties;
+};
+
+export declare const GridWrapper: React_2.FC<GridWrapperProps>;
+
+declare type GridWrapperProps = {
+    className?: string;
+    children?: ReactNode;
+    editing?: boolean;
+    vertical?: boolean;
+    stretch?: boolean;
+    /** Extra customizable parts only for the really picky */
+    style?: CSSProperties;
+    editorStyle?: CSSProperties;
+    onMove?: (id: string, destAreaId: string, destIndex: number, prevAreaId: string, prevIndex: number) => void;
+    onAlignChange?: (areaId: string, align: Alignment) => void;
+    onExtend?: (id: string, extended: boolean) => void;
+};
+
+export declare const Icon: React_2.FC<IconProps>;
+
+declare type IconKeys = keyof typeof _default;
+
+declare type IconProps = {
+    className?: string;
+    name: string | IconKeys;
+    onClick?: () => void;
+};
+
+declare type ItemProps = {
+    className?: string;
+    id: string;
+    index: number;
+    extendable?: boolean;
+    extended?: boolean;
+    disabled?: boolean;
+    onExtend?: (extended: boolean) => void;
+    children?: ReactNode | ((context: {
+        id: string;
+        editing: boolean;
+        isDragging: boolean;
+        isHovered: boolean;
+        extended: boolean;
+        extendable: boolean;
+        disabled: boolean;
+        index: number;
+    }) => ReactNode);
+    /** Extra customizable parts only for the really picky */
+    style?: CSSProperties;
+    editorStyle?: CSSProperties;
+    iconColor?: string;
+};
+
+export { }