@archbase/layout 3.0.0 → 3.0.2

package/dist/ArchbaseCard.d.ts

@@ -0,0 +1,2 @@
+export { Card as ArchbaseCard } from '@mantine/core';
+export type { CardProps as ArchbaseCardProps } from '@mantine/core';

package/dist/ArchbaseContainer.d.ts

@@ -0,0 +1,2 @@
+export { Container as ArchbaseContainer } from '@mantine/core';
+export type { ContainerProps as ArchbaseContainerProps } from '@mantine/core';

package/dist/ArchbaseGroup.d.ts

@@ -0,0 +1,2 @@
+export { Group as ArchbaseGroup } from '@mantine/core';
+export type { GroupProps as ArchbaseGroupProps } from '@mantine/core';

package/dist/ArchbaseStack.d.ts

@@ -0,0 +1,2 @@
+export { Stack as ArchbaseStack } from '@mantine/core';
+export type { StackProps as ArchbaseStackProps } from '@mantine/core';

package/dist/barrel-exports.d.ts

@@ -0,0 +1,12 @@
+export { ArchbaseSpaceCentered } from './spaces/components/ArchbaseSpaceCentered';
+export { ArchbaseSpaceCenteredVertically } from './spaces/components/ArchbaseSpaceCenteredVertically';
+export { ArchbaseSpaceCustom } from './spaces/components/ArchbaseSpaceCustom';
+export { ArchbaseSpaceFill } from './spaces/components/ArchbaseSpaceFill';
+export { ArchbaseSpaceFixed } from './spaces/components/ArchbaseSpaceFixed';
+export { ArchbaseSpaceLayer } from './spaces/components/ArchbaseSpaceLayer';
+export { ArchbaseSpacePositioned } from './spaces/components/ArchbaseSpacePositioned';
+export { ArchbaseSpaceInfo } from './spaces/components/ArchbaseSpaceInfo';
+export { ArchbaseSpaceViewPort } from './spaces/components/ArchbaseSpaceViewPort';
+export { ArchbaseSpaceOptions } from './spaces/components/ArchbaseSpaceOptions';
+export { ArchbaseSpaceTop, ArchbaseSpaceBottom, ArchbaseSpaceLeft, ArchbaseSpaceRight, ArchbaseSpaceTopResizable, ArchbaseSpaceBottomResizable, ArchbaseSpaceLeftResizable, ArchbaseSpaceRightResizable } from './spaces/components/ArchbaseSpaceAnchored';
+export { ArchbaseForm } from './containers/form/ArchbaseForm';

package/dist/containers/ArchbaseDockableContainer.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface ArchbaseDockableContainerProps {
+    children?: ReactNode;
+    title: string;
+    reducedTitle: string;
+    containerWidth?: string;
+    backgroundColor?: string;
+    hiddenBackgroundColor?: string;
+    withBorder?: boolean;
+    hiddenWidth?: string;
+    position?: 'left' | 'right';
+    onShow?: () => void;
+    onHide?: () => void;
+    defaultIsDocked?: boolean;
+    defaultIsVisible?: boolean;
+}
+export declare const ArchbaseDockableContainer: ({ children, title, reducedTitle, containerWidth, backgroundColor, hiddenBackgroundColor, withBorder, hiddenWidth, position, onShow, onHide, defaultIsDocked, defaultIsVisible, }: ArchbaseDockableContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/containers/advancedtabs/ArchbaseAdvancedTabs.d.ts

@@ -0,0 +1,47 @@
+import { default as React, CSSProperties, ReactNode } from 'react';
+export interface ArchbaseAdvancedTabItem {
+    key: any;
+    favicon: ReactNode | string | undefined;
+    title: string;
+    customTitle?: string;
+}
+export interface ArchbaseAdvancedTabProps {
+    favicon: ReactNode | string | undefined;
+    title: string;
+    /** Título customizado que aparecerá na aba. Pode ser utilizado $title para interpolar o valor na string do customTitle */
+    customTitle?: string;
+    activeTab: boolean;
+    position: number;
+    contentWidth: number;
+    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClose: (event: React.MouseEvent<HTMLDivElement>) => void;
+    setDragging: Function;
+    tabsContentWidth: number;
+    animateTabMove: Function;
+    isDragging: boolean;
+    id: any;
+    index: number;
+    sorting: boolean;
+    showButtonClose: boolean;
+    onCloseAllTabs?: () => void;
+    onCloseLeftTabs?: (tabId: string) => void;
+    onCloseRightTabs?: (tabId: string) => void;
+    onCloseOtherTabs?: (tabId: string) => void;
+    totalTabs?: number;
+}
+export interface ArchbaseAdvancedTabsProps {
+    currentTabs: ArchbaseAdvancedTabItem[];
+    buttonCloseOnlyActiveTab: boolean;
+    activeTab: any;
+    onTabChange: Function;
+    onTabClose: Function;
+    className?: string;
+    style?: CSSProperties;
+    dark: boolean;
+    onClick: Function;
+    onCloseAllTabs?: () => void;
+    onCloseLeftTabs?: (tabId: string) => void;
+    onCloseRightTabs?: (tabId: string) => void;
+    onCloseOtherTabs?: (tabId: string) => void;
+}
+export declare const ArchbaseAdvancedTabs: React.FC<ArchbaseAdvancedTabsProps>;

package/dist/containers/advancedtabs/index.d.ts

@@ -0,0 +1,2 @@
+export { ArchbaseAdvancedTabs } from './ArchbaseAdvancedTabs';
+export type { ArchbaseAdvancedTabItem, ArchbaseAdvancedTabProps, ArchbaseAdvancedTabsProps } from './ArchbaseAdvancedTabs';

package/dist/containers/form/ArchbaseForm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface ArchbaseFormProps {
+    children: React.ReactNode;
+}
+export declare function ArchbaseForm({ children }: ArchbaseFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/containers/form/index.d.ts

@@ -0,0 +1 @@
+export { ArchbaseForm } from './ArchbaseForm';

package/dist/containers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './form';
+export * from '../spaces';
+export * from './advancedtabs';
+export * from './window';
+export * from './split-pane';
+export { ArchbaseDockableContainer } from './ArchbaseDockableContainer';
+export type { ArchbaseDockableContainerProps } from './ArchbaseDockableContainer';

package/dist/containers/split-pane/ArchbaseSplitPane.d.ts

@@ -0,0 +1,124 @@
+import { default as React, ReactNode } from 'react';
+export interface ArchbaseSplitPaneProps {
+    children: ReactNode;
+    /**
+     * Direção do split
+     * @default 'row'
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Tamanho do separador em pixels
+     * @default 4
+     */
+    splitterSize?: number | string;
+    /**
+     * Cor do separador
+     */
+    splitterColor?: string;
+    /**
+     * Cor do separador em hover
+     */
+    splitterHoverColor?: string;
+    /**
+     * Raio da barra divisória
+     */
+    splitterRadius?: number | string;
+    /**
+     * Exibe knob na barra divisória
+     */
+    withKnob?: boolean;
+    /**
+     * Opacidade da barra divisória
+     */
+    opacity?: number | string;
+    /**
+     * Estilo adicional do container
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName adicional
+     */
+    className?: string;
+}
+export interface ArchbaseSplitPanePaneProps {
+    children: ReactNode;
+    /**
+     * Tamanho mínimo do painel em pixels
+     */
+    minSize?: number | string;
+    /**
+     * Tamanho máximo do painel em pixels
+     */
+    maxSize?: number | string;
+    /**
+     * Tamanho padrão do painel em pixels ou porcentagem
+     */
+    defaultSize?: number | string;
+    /**
+     * Estilo adicional do painel
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName adicional
+     */
+    className?: string;
+}
+export interface ArchbaseSplitPaneResizerProps {
+    /**
+     * Estilo adicional do resizer
+     */
+    style?: React.CSSProperties;
+    /**
+     * ClassName adicional
+     */
+    className?: string;
+}
+/**
+ * Componente ArchbaseSplitPane
+ *
+ * Wrapper sobre @gfazioli/mantine-split-pane para criar layouts redimensionáveis
+ * com painéis divisórios. Ideal para master-detail views, painéis laterais,
+ * editores com preview, etc.
+ *
+ * @example
+ * ```tsx
+ * <ArchbaseSplitPane direction="row">
+ *   <ArchbaseSplitPanePane>
+ *     <FilterPanel />
+ *   </ArchbaseSplitPanePane>
+ *   <ArchbaseSplitPaneResizer />
+ *   <ArchbaseSplitPanePane>
+ *     <ArchbaseDataGrid />
+ *   </ArchbaseSplitPanePane>
+ * </ArchbaseSplitPane>
+ * ```
+ */
+export declare const ArchbaseSplitPane: ({ children, direction, splitterSize, splitterColor, splitterHoverColor, splitterRadius, withKnob, opacity, style, className, }: ArchbaseSplitPaneProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Componente ArchbaseSplitPanePane
+ *
+ * Representa um painel individual dentro do ArchbaseSplitPane.
+ * Deve ser usado como filho direto de ArchbaseSplitPane.
+ *
+ * @example
+ * ```tsx
+ * <ArchbaseSplitPanePane minSize={200} maxSize={600}>
+ *   <Content />
+ * </ArchbaseSplitPanePane>
+ * ```
+ */
+export declare const ArchbaseSplitPanePane: ({ children, minSize, maxSize, defaultSize, style, className, }: ArchbaseSplitPanePaneProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Componente ArchbaseSplitPaneResizer
+ *
+ * Barra divisória arrastável entre painéis.
+ * Deve ser usado entre ArchbaseSplitPanePane components.
+ *
+ * @example
+ * ```tsx
+ * <ArchbaseSplitPanePane>...</ArchbaseSplitPanePane>
+ * <ArchbaseSplitPaneResizer />
+ * <ArchbaseSplitPanePane>...</ArchbaseSplitPanePane>
+ * ```
+ */
+export declare const ArchbaseSplitPaneResizer: ({ style, className, }: ArchbaseSplitPaneResizerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/containers/split-pane/index.d.ts

@@ -0,0 +1,2 @@
+export { ArchbaseSplitPane, ArchbaseSplitPanePane, ArchbaseSplitPaneResizer } from './ArchbaseSplitPane';
+export type { ArchbaseSplitPaneProps, ArchbaseSplitPanePaneProps, ArchbaseSplitPaneResizerProps } from './ArchbaseSplitPane';

package/dist/containers/window/ArchbaseFloatingWindow.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface ArchbaseFloatingWindowProps {
+    id: string;
+    children?: any;
+    height: number;
+    width: number;
+    top?: number;
+    left?: number;
+    resizable?: boolean;
+    titleBar?: {
+        icon?: string | HTMLImageElement;
+        title?: string;
+        buttons?: {
+            minimize?: boolean;
+            maximize?: boolean;
+            close?: () => void;
+        };
+    };
+    style?: React.CSSProperties;
+    /** Referência para o container que envolve o componente filho */
+    innerRef?: React.RefObject<HTMLInputElement> | undefined;
+}
+export declare const ArchbaseFloatingWindow: React.FC<ArchbaseFloatingWindowProps>;

package/dist/containers/window/index.d.ts

@@ -0,0 +1,2 @@
+export { ArchbaseFloatingWindow, } from './ArchbaseFloatingWindow';
+export type { ArchbaseFloatingWindowProps } from './ArchbaseFloatingWindow';

package/dist/dock/ArchbaseDockLayout.d.ts

@@ -0,0 +1,2 @@
+import { ArchbaseDockLayoutProps } from './ArchbaseDockLayout.types';
+export declare function ArchbaseDockLayout({ components, defaultLayout, watermark, hideBorders, autoHideHeaders, onLayoutChange, onPanelClose, onPanelOpen, style, className, height, disabled, }: ArchbaseDockLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/dock/ArchbaseDockLayout.types.d.ts

@@ -0,0 +1,50 @@
+import { CSSProperties, ReactNode } from 'react';
+export type DockComponentType = 'panel' | 'gridview' | 'splitview' | 'dockview';
+export interface DockPanelComponent {
+    id: string;
+    title: string;
+    component: React.ComponentType<any>;
+    tabComponent?: React.ComponentType<any>;
+    params?: Record<string, any>;
+    minimumSize?: number;
+    maximumSize?: number;
+    isClosable?: boolean;
+}
+export interface DockLayoutConfig {
+    direction?: 'horizontal' | 'vertical';
+    defaultSize?: number[];
+    minimumSize?: number[];
+    maximumSize?: number[];
+    proportions?: number[];
+}
+export interface ArchbaseDockLayoutProps {
+    components: Record<string, DockPanelComponent>;
+    defaultLayout?: string | object;
+    watermark?: string | ReactNode;
+    hideBorders?: boolean;
+    autoHideHeaders?: boolean;
+    onLayoutChange?: (layout: object) => void;
+    onPanelClose?: (panelId: string) => void;
+    onPanelOpen?: (panelId: string) => void;
+    style?: CSSProperties;
+    className?: string;
+    height?: string | number;
+    disabled?: boolean;
+}
+export interface DockPanelProps {
+    componentId: string;
+    params?: Record<string, any>;
+    onClose?: () => void;
+    style?: CSSProperties;
+    className?: string;
+}
+export type DockLayoutPreset = 'dashboard' | 'ide' | 'explorer' | 'analytics' | 'custom';
+export interface ArchbaseDockLayoutPresetProps {
+    preset: DockLayoutPreset;
+    components?: Record<string, DockPanelComponent>;
+    onPanelClose?: (panelId: string) => void;
+    onPanelOpen?: (panelId: string) => void;
+    style?: CSSProperties;
+    className?: string;
+    height?: string | number;
+}

package/dist/dock/ArchbaseDockLayoutPreset.d.ts

@@ -0,0 +1,5 @@
+import { ArchbaseDockLayoutPresetProps } from './ArchbaseDockLayout.types';
+/**
+ * Preset de layouts para casos de uso comuns
+ */
+export declare function ArchbaseDockLayoutPreset({ preset, components: userComponents, onPanelClose, onPanelOpen, style, className, height, }: ArchbaseDockLayoutPresetProps): import("react/jsx-runtime").JSX.Element;

package/dist/dock/index.d.ts

@@ -0,0 +1,3 @@
+export { ArchbaseDockLayout } from './ArchbaseDockLayout';
+export { ArchbaseDockLayoutPreset } from './ArchbaseDockLayoutPreset';
+export type { ArchbaseDockLayoutProps, DockPanelComponent, DockLayoutConfig, DockPanelProps, ArchbaseDockLayoutPresetProps, DockLayoutPreset, DockComponentType, } from './ArchbaseDockLayout.types';

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ArchbaseCard';
+export * from './ArchbaseContainer';
+export * from './ArchbaseGroup';
+export * from './ArchbaseStack';
+export * from './containers';
+export * from './dock';
+export * from './spaces';