@flowtomic/logic 0.1.7 → 0.1.8

package/dist/hooks/useProjectStats/useProjectStats.js

@@ -1,87 +0,0 @@
-/**
- * useProjectStats - Headless UI Hook
- *
- * Fornece apenas: lógica, estado, processamento e API
- * NÃO fornece: markup, styles ou implementações pré-construídas
- *
- * Padrão Headless UI: você controla o markup e styles
- *
- * @example
- * ```tsx
- * function MyProjectStats() {
- *   const { total, ended, running, pending, stats } = useProjectStats({
- *     projects: [
- *       { id: '1', status: 'running', ... },
- *       { id: '2', status: 'ended', ... },
- *     ],
- *   })
- *
- *   return (
- *     <div>
- *       <div>Total: {total}</div>
- *       <div>Running: {running}</div>
- *       <div>Ended: {ended}</div>
- *       <div>Pending: {pending}</div>
- *     </div>
- *   )
- * }
- * ```
- */
-import { useMemo } from "react";
-/**
- * Hook headless para calcular estatísticas de projetos
- */
-export function useProjectStats(options) {
-    const { projects, filter, groupBy } = options;
-    const stats = useMemo(() => {
-        // Aplicar filtro se fornecido
-        const filtered = filter ? projects.filter(filter) : projects;
-        // Calcular contagens por status
-        const byStatus = {
-            running: 0,
-            ended: 0,
-            pending: 0,
-            "on-hold": 0,
-            cancelled: 0,
-        };
-        filtered.forEach((project) => {
-            const status = project.status || "pending";
-            if (status in byStatus) {
-                byStatus[status]++;
-            }
-        });
-        // Agrupar se groupBy foi fornecido
-        const grouped = groupBy
-            ? filtered.reduce((acc, project) => {
-                const key = groupBy(project);
-                if (!acc[key]) {
-                    acc[key] = [];
-                }
-                acc[key].push(project);
-                return acc;
-            }, {})
-            : undefined;
-        return {
-            total: filtered.length,
-            ended: byStatus.ended,
-            running: byStatus.running,
-            pending: byStatus.pending,
-            onHold: byStatus["on-hold"],
-            cancelled: byStatus.cancelled,
-            byStatus,
-            filtered,
-            grouped,
-        };
-    }, [projects, filter, groupBy]);
-    return {
-        stats,
-        total: stats.total,
-        ended: stats.ended,
-        running: stats.running,
-        pending: stats.pending,
-        onHold: stats.onHold,
-        cancelled: stats.cancelled,
-        filtered: stats.filtered,
-        grouped: stats.grouped,
-    };
-}

package/dist/hooks/useReactTableBack/index.js

@@ -1 +0,0 @@
-export { useReactTableBack } from "./useReactTableBack";

package/dist/hooks/useReactTableBack/useReactTableBack.js

@@ -1,124 +0,0 @@
-/**
- * useReactTableBack - Headless UI Hook
- *
- * Hook headless para TanStack Table com paginação e ordenação no backend (server-side).
- * Fornece apenas: lógica, estado, processamento e API
- * NÃO fornece: markup, styles ou implementações pré-construídas
- *
- * @example
- * ```tsx
- * function MyTable() {
- *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableBack({
- *     data: pageData,
- *     columns: columnDefs,
- *     totalCount: 1000,
- *     onPaginationChange: ({ pageIndex, pageSize }) => {
- *       fetchData({ page: pageIndex + 1, pageSize });
- *     },
- *     onSortingChange: (sorting) => {
- *       fetchData({ sorting });
- *     },
- *   })
- *
- *   return (
- *     <table>
- *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
- *     </table>
- *   )
- * }
- * ```
- */
-import { getCoreRowModel, useReactTable, } from "@tanstack/react-table";
-import { useEffect, useMemo, useState } from "react";
-/**
- * Hook Headless UI para TanStack Table com paginação/ordenação server-side
- */
-export function useReactTableBack(options) {
-    const { data, columns, totalCount, enablePagination = true, pageSize = 10, onPaginationChange, enableSorting = true, initialSorting = [], onSortingChange, initialColumnFilters = [], initialColumnVisibility = {}, enableRowSelection = false, onSelectionChange, } = options;
-    const [sorting, setSorting] = useState(initialSorting);
-    const [columnFilters, setColumnFilters] = useState(initialColumnFilters);
-    const [globalFilter, setGlobalFilter] = useState("");
-    const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
-    const [rowSelection, setRowSelection] = useState({});
-    const [pagination, setPagination] = useState({
-        pageIndex: 0,
-        pageSize,
-    });
-    // Notificar mudanças de paginação (server-side)
-    useEffect(() => {
-        if (enablePagination && onPaginationChange) {
-            onPaginationChange({
-                pageIndex: pagination.pageIndex,
-                pageSize: pagination.pageSize,
-            });
-        }
-    }, [pagination, enablePagination, onPaginationChange]);
-    // Notificar mudanças de ordenação (server-side)
-    useEffect(() => {
-        if (enableSorting && onSortingChange) {
-            onSortingChange(sorting);
-        }
-    }, [sorting, enableSorting, onSortingChange]);
-    const table = useReactTable({
-        data,
-        columns,
-        state: {
-            sorting: enableSorting ? sorting : undefined,
-            columnFilters,
-            columnVisibility,
-            rowSelection: enableRowSelection ? rowSelection : undefined,
-            pagination: enablePagination ? pagination : undefined,
-        },
-        onSortingChange: enableSorting ? setSorting : undefined,
-        onColumnFiltersChange: setColumnFilters,
-        onColumnVisibilityChange: setColumnVisibility,
-        onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,
-        onPaginationChange: enablePagination ? setPagination : undefined,
-        getCoreRowModel: getCoreRowModel(),
-        enableSorting,
-        enableRowSelection,
-        // Server-side: manual pagination e sorting
-        manualPagination: enablePagination,
-        manualSorting: enableSorting,
-        // Total de páginas calculado do totalCount
-        pageCount: enablePagination && totalCount !== undefined
-            ? Math.ceil(totalCount / pagination.pageSize)
-            : undefined,
-    });
-    // Notificar mudanças na seleção
-    useEffect(() => {
-        if (onSelectionChange && enableRowSelection) {
-            const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
-            onSelectionChange(selectedRows);
-        }
-    }, [table, onSelectionChange, enableRowSelection]);
-    // Calcular informações de paginação
-    const paginationInfo = useMemo(() => {
-        const start = pagination.pageIndex * pagination.pageSize + 1;
-        const end = Math.min((pagination.pageIndex + 1) * pagination.pageSize, totalCount);
-        return {
-            start,
-            end,
-            total: totalCount,
-            pageCount: enablePagination && totalCount !== undefined
-                ? Math.ceil(totalCount / pagination.pageSize)
-                : 1,
-        };
-    }, [pagination, totalCount, enablePagination]);
-    return {
-        table,
-        sorting,
-        setSorting,
-        pagination,
-        setPagination,
-        columnFilters,
-        setColumnFilters,
-        globalFilter,
-        setGlobalFilter,
-        columnVisibility,
-        setColumnVisibility,
-        rowSelection,
-        setRowSelection,
-        paginationInfo,
-    };
-}

package/dist/hooks/useReactTableFront/index.js

@@ -1 +0,0 @@
-export { useReactTableFront } from "./useReactTableFront";

package/dist/hooks/useReactTableFront/useReactTableFront.js

@@ -1,112 +0,0 @@
-/**
- * useReactTableFront - Headless UI Hook
- *
- * Hook headless para TanStack Table com paginação e ordenação no frontend (client-side).
- * Fornece apenas: lógica, estado, processamento e API
- * NÃO fornece: markup, styles ou implementações pré-construídas
- *
- * @example
- * ```tsx
- * function MyTable() {
- *   const { table, sorting, pagination, setPagination, paginationInfo } = useReactTableFront({
- *     data: allData,
- *     columns: columnDefs,
- *     enablePagination: true,
- *     enableSorting: true,
- *   })
- *
- *   return (
- *     <table>
- *       {/* Usar table.getHeaderGroups(), table.getRowModel(), etc. *\/}
- *     </table>
- *   )
- * }
- * ```
- */
-import { getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
-import { useEffect, useMemo, useState } from "react";
-/**
- * Hook Headless UI para TanStack Table com paginação/ordenação client-side
- */
-export function useReactTableFront(options) {
-    const { data, columns, enablePagination = true, pageSize = 10, enableSorting = true, initialSorting = [], enableGlobalFilter = true, initialColumnFilters = [], initialColumnVisibility = {}, enableRowSelection = false, onSelectionChange, } = options;
-    const [sorting, setSorting] = useState(initialSorting);
-    const [columnFilters, setColumnFilters] = useState(initialColumnFilters);
-    const [globalFilter, setGlobalFilter] = useState("");
-    const [columnVisibility, setColumnVisibility] = useState(initialColumnVisibility);
-    const [rowSelection, setRowSelection] = useState({});
-    const [pagination, setPagination] = useState({
-        pageIndex: 0,
-        pageSize,
-    });
-    const table = useReactTable({
-        data,
-        columns,
-        state: {
-            sorting: enableSorting ? sorting : undefined,
-            columnFilters,
-            globalFilter: enableGlobalFilter ? globalFilter : undefined,
-            columnVisibility,
-            rowSelection: enableRowSelection ? rowSelection : undefined,
-            pagination: enablePagination ? pagination : undefined,
-        },
-        onSortingChange: enableSorting ? setSorting : undefined,
-        onColumnFiltersChange: setColumnFilters,
-        onGlobalFilterChange: enableGlobalFilter ? setGlobalFilter : undefined,
-        onColumnVisibilityChange: setColumnVisibility,
-        onRowSelectionChange: enableRowSelection ? setRowSelection : undefined,
-        onPaginationChange: enablePagination ? setPagination : undefined,
-        getCoreRowModel: getCoreRowModel(),
-        getFilteredRowModel: getFilteredRowModel(),
-        getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,
-        getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,
-        enableSorting,
-        enableRowSelection,
-        manualPagination: false,
-        manualSorting: false,
-    });
-    // Notificar mudanças na seleção
-    useEffect(() => {
-        if (onSelectionChange && enableRowSelection) {
-            const selectedRows = table.getFilteredSelectedRowModel().rows.map((row) => row.original);
-            onSelectionChange(selectedRows);
-        }
-    }, [table, onSelectionChange, enableRowSelection]);
-    // Calcular informações de paginação
-    const paginationInfo = useMemo(() => {
-        const filteredCount = table.getFilteredRowModel().rows.length;
-        // Se a paginação estiver desabilitada, retornar valores padrão
-        if (!enablePagination) {
-            return {
-                start: 1,
-                end: filteredCount,
-                total: filteredCount,
-                pageCount: 1,
-            };
-        }
-        const start = pagination.pageIndex * pagination.pageSize + 1;
-        const end = Math.min((pagination.pageIndex + 1) * pagination.pageSize, filteredCount);
-        return {
-            start,
-            end,
-            total: filteredCount,
-            pageCount: table.getPageCount(),
-        };
-    }, [table, pagination, enablePagination]);
-    return {
-        table,
-        sorting,
-        setSorting,
-        pagination,
-        setPagination,
-        columnFilters,
-        setColumnFilters,
-        globalFilter,
-        setGlobalFilter,
-        columnVisibility,
-        setColumnVisibility,
-        rowSelection,
-        setRowSelection,
-        paginationInfo,
-    };
-}

package/dist/hooks/useResizable/index.js

@@ -1 +0,0 @@
-export { useResizable } from "./useResizable";

package/dist/hooks/useResizable/useResizable.js

@@ -1,129 +0,0 @@
-/**
- * useResizable - Headless UI Hook
- *
- * Fornece apenas: lógica, estado, processamento e API para componentes resizable
- * NÃO fornece: markup, styles ou implementações pré-construídas
- *
- * Padrão Headless UI: você controla o markup e styles
- */
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-const MOBILE_BREAKPOINT = 768;
-export function useResizable({ sidebarOpen, setSidebarOpen, side = "left", persistKey = "default", defaultSidebarPct = 0.28, minPx = 250, maxPct = 0.6, maxPxCap = 500, mobileDrawer = true, tinySizePx, snapThreshold = 50, }) {
-    const containerRef = useRef(null);
-    const sidebarPanelRef = useRef(null);
-    const [isMobile, setIsMobile] = useState(false);
-    const [sidebarSize, setSidebarSize] = useState(defaultSidebarPct * 100);
-    const [containerWidth, setContainerWidth] = useState(null);
-    // Detectar mobile
-    useEffect(() => {
-        const checkMobile = () => {
-            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        };
-        checkMobile();
-        window.addEventListener("resize", checkMobile);
-        return () => window.removeEventListener("resize", checkMobile);
-    }, []);
-    // Observar largura do container para recalcular min/max (ref não dispara re-render)
-    useEffect(() => {
-        const el = containerRef.current;
-        if (!el)
-            return;
-        const update = () => setContainerWidth(el.offsetWidth);
-        update();
-        const ro = new ResizeObserver(update);
-        ro.observe(el);
-        return () => ro.disconnect();
-    }, []);
-    // Carregar tamanho persistido
-    useEffect(() => {
-        if (typeof window === "undefined")
-            return;
-        const storageKey = `resizable-sidebar-${persistKey}`;
-        const saved = localStorage.getItem(storageKey);
-        if (saved) {
-            try {
-                const parsed = JSON.parse(saved);
-                if (typeof parsed.size === "number" && parsed.size >= 5 && parsed.size < 100) {
-                    setSidebarSize(parsed.size);
-                }
-            }
-            catch {
-                // Ignorar erros de parsing
-            }
-        }
-    }, [persistKey]);
-    // Salvar tamanho no localStorage
-    const saveSize = useCallback((size) => {
-        if (typeof window === "undefined")
-            return;
-        const storageKey = `resizable-sidebar-${persistKey}`;
-        localStorage.setItem(storageKey, JSON.stringify({ size, timestamp: Date.now() }));
-    }, [persistKey]);
-    // Calcular tamanhos (usa containerWidth do ResizeObserver para atualizar quando container monta)
-    const minSize = useMemo(() => {
-        const w = containerWidth ?? 1920;
-        return (minPx / w) * 100;
-    }, [minPx, containerWidth]);
-    const maxSize = useMemo(() => {
-        const w = containerWidth ?? 1920;
-        const maxPx = Math.min(maxPxCap, w * maxPct);
-        return (maxPx / w) * 100;
-    }, [maxPct, maxPxCap, containerWidth]);
-    // Handler para toggle do sidebar (double click)
-    const handleDoubleClick = useCallback(() => {
-        if (sidebarOpen) {
-            // Colapsar
-            sidebarPanelRef.current?.collapse();
-            setSidebarOpen(false);
-        }
-        else {
-            // Expandir: restaurar tamanho padrão (evita library reportar valor bogus em onLayoutChanged)
-            const defaultSize = defaultSidebarPct * 100;
-            setSidebarSize(defaultSize);
-            saveSize(defaultSize);
-            sidebarPanelRef.current?.expand();
-            // v4 interprets number as px; pass "N%" for percentage (logic uses v3 types but UI uses v4 at runtime)
-            sidebarPanelRef.current?.resize(`${defaultSize}%`);
-            setSidebarOpen(true);
-        }
-    }, [sidebarOpen, setSidebarOpen, defaultSidebarPct, saveSize]);
-    // Handler para mudanças de layout
-    const handleLayout = useCallback((sizes) => {
-        if (sizes.length > 0) {
-            const newSize = side === "left" ? sizes[0] : sizes[sizes.length - 1];
-            setSidebarSize(newSize);
-            saveSize(newSize);
-        }
-    }, [side, saveSize]);
-    // Handler para fim do resize (snap automático)
-    const handleResizeEnd = useCallback(() => {
-        if (!tinySizePx || !containerRef.current)
-            return;
-        const containerWidth = containerRef.current.offsetWidth;
-        const currentSizePx = (sidebarSize / 100) * containerWidth;
-        const tinySizePercent = (tinySizePx / containerWidth) * 100;
-        // Verificar se está próximo do tamanho tiny
-        if (Math.abs(currentSizePx - tinySizePx) <= snapThreshold &&
-            currentSizePx < tinySizePx + snapThreshold) {
-            // Snap para tiny
-            const targetSize = tinySizePercent;
-            setSidebarSize(targetSize);
-            saveSize(targetSize);
-            sidebarPanelRef.current?.resize(`${targetSize}%`);
-        }
-    }, [sidebarSize, tinySizePx, snapThreshold, saveSize]);
-    const shouldUseMobileDrawer = mobileDrawer && isMobile;
-    const autoSaveId = `resizable-${persistKey}`;
-    return {
-        handleDoubleClick,
-        shouldUseMobileDrawer,
-        containerRef,
-        autoSaveId,
-        handleLayout,
-        sidebarPanelRef: sidebarPanelRef,
-        sidebarSize,
-        minSize,
-        maxSize,
-        handleResizeEnd,
-    };
-}

package/dist/hooks/useScriptEditor/index.js

@@ -1 +0,0 @@
-export { useScriptEditor } from "./useScriptEditor";