@codella-software/react 2.2.26 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../src/filters-and-sort/useFiltersAndSort.ts","../src/form-builder/useFormBuilder.ts","../src/live-updates/LiveUpdateProvider.tsx","../src/live-updates/useLiveListener.ts","../src/live-updates/useLiveRequest.ts","../src/live-updates/useLiveUpdateListener.ts","../src/live-updates/useLiveUpdates.ts","../src/rich-content/useRichContent.ts","../src/table-builder/useTableService.ts","../src/tabs/useTabsHooks.tsx"],"sourcesContent":["// @ts-nocheck\n// TODO: Implement real hook when React bindings are finalized\nimport { FiltersAndSortService, type FilterAndSortState } from '@codella-software/utils'\nimport { useEffect, useMemo, useState } from 'react'\n\n/**\n * Hook options for useFiltersAndSort\n */\nexport interface UseFiltersAndSortOptions {\n /** FiltersAndSortService instance */\n service: FiltersAndSortService\n}\n\n/**\n * Hook return value for useFiltersAndSort\n */\nexport interface UseFiltersAndSortReturn {\n /** Current filter state */\n filters: Record<string, any>\n /** Current sort field */\n sortBy: string | null\n /** Current sort direction */\n sortDirection: 'asc' | 'desc'\n /** Current page */\n page: number\n /** Page size */\n pageSize: number\n /** Set filter */\n setFilter: (key: string, value: any) => void\n /** Clear specific filter */\n clearFilter: (key: string) => void\n /** Clear all filters */\n clearAllFilters: () => void\n /** Set sort */\n setSort: (field: string, direction: 'asc' | 'desc') => void\n /** Toggle sort direction for field */\n toggleSort: (field: string) => void\n /** Set page */\n setPage: (page: number) => void\n /** Set page size */\n setPageSize: (size: number) => void\n /** Go to next page */\n nextPage: () => void\n /** Go to previous page */\n prevPage: () => void\n}\n\n/**\n * React hook that wraps FiltersAndSortService\n *\n * @param options - Hook options including FiltersAndSortService instance\n * @returns Filters and sort state with control methods\n *\n * @example\n * ```tsx\n * const service = new FiltersAndSortService({ storageKey: 'my-filters' });\n *\n * function MyTable() {\n * const filters = useFiltersAndSort({ service });\n * return (\n * <div>\n * <input\n * value={filters.filters.name || ''}\n * onChange={(e) => filters.setFilter('name', e.target.value)}\n * />\n * <button onClick={() => filters.clearAllFilters()}>Clear</button>\n * </div>\n * );\n * }\n * ```\n */\nexport function useFiltersAndSort(\n options: UseFiltersAndSortOptions\n): UseFiltersAndSortReturn {\n const { service } = options\n\n if (!service) {\n throw new Error('useFiltersAndSort: service is required')\n }\n\n const [state, setState] = useState<FilterAndSortState>(() => {\n return service.getState()\n })\n\n useEffect(() => {\n if (!service || !service.state$) {\n return\n }\n\n const subscription = service.state$.subscribe((newState: FilterAndSortState) => {\n setState(newState)\n })\n\n return () => subscription.unsubscribe()\n }, [service])\n\n const callbacks = useMemo(() => ({\n setFilter: (key: string, value: any) => {\n service.setFilter(key, value)\n },\n\n clearFilter: (key: string) => {\n service.clearFilter(key)\n },\n\n clearAllFilters: () => {\n service.clearAllFilters()\n },\n\n setSort: (field: string, direction: 'asc' | 'desc') => {\n service.setSort(field, direction)\n },\n\n toggleSort: (field: string) => {\n service.toggleSort(field)\n },\n\n setPage: (page: number) => {\n service.setPage(page)\n },\n\n setPageSize: (size: number) => {\n service.setPageSize(size)\n },\n\n nextPage: () => {\n service.nextPage()\n },\n\n prevPage: () => {\n service.prevPage()\n },\n }), [service])\n\n const memoizedReturn = useMemo(() => ({\n filters: state.filters,\n sortBy: state.sortBy,\n sortDirection: state.sortDirection,\n page: state.page,\n pageSize: state.pageSize,\n ...callbacks,\n }), [state, callbacks])\n\n return memoizedReturn\n}\n","// @ts-nocheck\n// TODO: Implement real hook when React bindings are finalized\nimport { FormBuilder } from '@codella-software/utils'\nimport { useEffect, useMemo, useState } from 'react'\n\n/**\n * Hook options for useFormBuilder\n */\nexport interface UseFormBuilderOptions<T extends Record<string, any>> {\n /** FormBuilder instance */\n builder: FormBuilder<T>\n}\n\n/**\n * Hook return value for useFormBuilder\n */\nexport interface UseFormBuilderReturn<T extends Record<string, any>> {\n /** Current form values */\n values: T\n /** Form validation errors */\n errors: Record<string, string | undefined>\n /** Form touched fields */\n touched: Record<string, boolean>\n /** Current form step (for multi-step forms) */\n currentStep: number\n /** Total form steps */\n totalSteps: number\n /** Is form currently submitting */\n isSubmitting: boolean\n /** Is form valid */\n isValid: boolean\n /** Set field value */\n setFieldValue: (field: keyof T, value: any) => Promise<void>\n /** Set field touched */\n setFieldTouched: (field: keyof T, touched: boolean) => void\n /** Validate entire form */\n validate: () => Promise<Record<string, string | undefined>>\n /** Submit form */\n submit: () => Promise<T | null>\n /** Reset form to initial values */\n reset: () => void\n /** Go to next step */\n nextStep: () => void\n /** Go to previous step */\n prevStep: () => void\n}\n\n/**\n * React hook that wraps FormBuilder and provides form state management\n *\n * @param options - Hook options including FormBuilder instance\n * @returns Form state and methods\n *\n * @example\n * ```tsx\n * const builder = new FormBuilder<{ name: string }>()\n * .addField({ name: 'name', type: 'text', label: 'Name' })\n * .build();\n *\n * function MyForm() {\n * const form = useFormBuilder({ builder });\n * return (\n * <form onSubmit={(e) => { e.preventDefault(); form.submit(); }}>\n * <input\n * value={form.values.name}\n * onChange={(e) => form.setFieldValue('name', e.target.value)}\n * />\n * {form.errors.name && <span>{form.errors.name}</span>}\n * <button type=\"submit\">Submit</button>\n * </form>\n * );\n * }\n * ```\n */\nexport function useFormBuilder<T extends Record<string, any>>(\n options: UseFormBuilderOptions<T>\n): UseFormBuilderReturn<T> {\n const { builder } = options\n\n if (!builder) {\n throw new Error('useFormBuilder: builder is required')\n }\n\n // Subscribe to form state\n const [state, setState] = useState(() => builder.getState())\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n useEffect(() => {\n if (!builder || !builder.stateChanged$) {\n return\n }\n\n const subscription = builder.stateChanged$.subscribe((newState: any) => {\n setState(newState)\n })\n\n return () => subscription.unsubscribe()\n }, [builder])\n\n const memoizedReturn = useMemo(() => ({\n values: state.values,\n errors: state.errors,\n touched: state.touched,\n currentStep: state.currentStep,\n totalSteps: state.totalSteps,\n isSubmitting,\n isValid: Object.keys(state.errors).length === 0,\n\n setFieldValue: async (field: keyof T, value: any) => {\n builder.setFieldValue(field as string, value)\n },\n\n setFieldTouched: (field: keyof T, touched: boolean) => {\n builder.setFieldTouched(field as string, touched)\n },\n\n validate: async () => {\n return builder.validate()\n },\n\n submit: async () => {\n setIsSubmitting(true)\n try {\n const result = await builder.submit()\n setIsSubmitting(false)\n return result\n } catch (error) {\n setIsSubmitting(false)\n throw error\n }\n },\n\n reset: () => {\n builder.reset()\n },\n\n nextStep: () => {\n if (builder.nextStep) {\n builder.nextStep()\n }\n },\n\n prevStep: () => {\n if (builder.prevStep) {\n builder.prevStep()\n }\n },\n }), [builder, state, isSubmitting])\n\n return memoizedReturn\n}\n","import { FC, ReactNode, createContext, useContext, useEffect, useState } from 'react';\n\nimport type { IAuthProvider } from '@codella-software/utils';\nimport {\n LiveUpdateService,\n SSEService,\n WebsocketService,\n type EventMapping,\n type LiveUpdateType,\n} from '@codella-software/utils/live-updates';\n\nexport interface LiveUpdateContextValue {\n service: LiveUpdateService;\n isConnected: boolean;\n type: LiveUpdateType;\n canSend: boolean;\n}\n\nconst LiveUpdateContext = createContext<LiveUpdateContextValue | null>(null);\n\n/**\n * Hook to access the LiveUpdateContext\n * Must be used within a LiveUpdateProvider\n */\nexport const useLiveUpdateContext = () => {\n const context = useContext(LiveUpdateContext);\n if (!context) {\n throw new Error('useLiveUpdateContext must be used within LiveUpdateProvider');\n }\n return context;\n};\n\nexport interface LiveUpdateProviderProps {\n children: ReactNode;\n authProvider: IAuthProvider;\n sseUrl?: string;\n wsUrl?: string;\n sseEnabled?: boolean;\n wsEnabled?: boolean;\n eventMappings?: Record<string, EventMapping>;\n}\n\n/**\n * Provider component for live updates service\n * Manages service initialization and connection state\n * \n * @example\n * ```tsx\n * import { LiveUpdateProvider } from '@codella/react';\n * import { createFirebaseAuthProvider } from '@codella-software/utils';\n * \n * function App() {\n * const authProvider = createFirebaseAuthProvider({ auth: getAuth() });\n * \n * return (\n * <LiveUpdateProvider\n * authProvider={authProvider}\n * sseUrl=\"http://api.example.com/sse\"\n * wsUrl=\"ws://api.example.com/ws\"\n * eventMappings={{\n * 'notifications': { sseEvent: 'GET_NOTIFICATIONS' }\n * }}\n * >\n * <YourApp />\n * </LiveUpdateProvider>\n * );\n * }\n * ```\n */\nexport const LiveUpdateProvider: FC<LiveUpdateProviderProps> = ({\n children,\n authProvider,\n sseUrl = 'http://localhost:3000/sse',\n wsUrl = 'ws://localhost:3000/ws',\n sseEnabled = true,\n wsEnabled = true,\n eventMappings = {},\n}) => {\n const [isConnected, setIsConnected] = useState(false);\n const [service] = useState(() => {\n const sseService = new SSEService({\n url: sseUrl,\n authProvider,\n });\n\n const wsService = new WebsocketService({\n url: wsUrl,\n authProvider,\n });\n\n return new LiveUpdateService(wsService, sseService);\n });\n\n useEffect(() => {\n if (authProvider.isAuthenticated()) {\n service.initialize({\n sseEnabled,\n wsEnabled,\n authProvider,\n eventMappings,\n });\n } else {\n service.disconnect();\n }\n\n const subscription = service.isConnected$.subscribe(setIsConnected);\n\n return () => {\n subscription.unsubscribe();\n };\n }, [authProvider, sseEnabled, wsEnabled, service, eventMappings]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n service.disconnect();\n };\n }, [service]);\n\n return (\n <LiveUpdateContext.Provider\n value={{\n service,\n isConnected,\n type: service.type,\n canSend: service.canSend,\n }}\n >\n {children}\n </LiveUpdateContext.Provider>\n );\n};\n","import { useEffect, useState } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook to listen for specific WebSocket actions\n * @param action - The WS_ACTIONS enum value to listen for\n * @param enabled - Whether to subscribe (defaults to true)\n * @returns The latest message payload or null\n */\nexport const useLiveListener = <T = unknown>(action: WS_ACTIONS, enabled = true) => {\n const { service } = useLiveUpdateContext();\n const [data, setData] = useState<T | null>(null);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n if (!enabled || !service) {\n return;\n }\n\n const subscription = service.on(action).subscribe({\n next: (value) => {\n setData(value);\n setError(null);\n },\n error: (err) => {\n setError(err instanceof Error ? err : new Error(String(err)));\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [action, enabled, service]);\n\n return { data, error };\n};\n","import { useCallback } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook for request-response pattern over WebSocket\n * @param sendAction - The action to send\n * @param responseAction - The action to wait for\n * @returns Function to send request and promise for response\n */\nexport const useLiveRequest = <TReq = unknown, TRes = unknown>() => {\n const { service, canSend } = useLiveUpdateContext();\n\n const request = useCallback(\n (sendAction: WS_ACTIONS, responseAction: WS_ACTIONS, payload?: TReq) => {\n if (!canSend) {\n return Promise.reject(new Error('WebSocket not available for sending'));\n }\n\n return service\n .on(responseAction)\n .toPromise()\n .catch(() => {\n throw new Error(`No response received for action: ${responseAction}`);\n });\n },\n [canSend, service],\n );\n\n return { request, canSend };\n};\n","import { useCallback } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\nexport interface UseUpdateListenerOptions {\n enabled?: boolean;\n}\n\n/**\n * Hook to listen for and handle live updates with callback\n * @param action - The WS_ACTIONS enum value to listen for\n * @param onUpdate - Callback when update is received\n * @param enabled - Whether to subscribe (defaults to true)\n */\nexport const useLiveUpdateListener = <T = unknown>(\n action: WS_ACTIONS,\n onUpdate: (data: T) => void,\n { enabled = true }: UseUpdateListenerOptions = {},\n) => {\n const { service } = useLiveUpdateContext();\n\n const handleUpdate = useCallback(\n (data: T) => {\n onUpdate(data);\n },\n [onUpdate],\n );\n\n // Subscribe to updates\n // The subscription is managed by the effect in the hook\n // Users need to call subscribe manually or use useLiveListener instead\n const subscribe = useCallback(() => {\n if (!enabled || !service) {\n return () => {};\n }\n\n const subscription = service.on(action).subscribe(handleUpdate);\n\n return () => {\n subscription.unsubscribe();\n };\n }, [action, enabled, service, handleUpdate]);\n\n return { subscribe };\n};\n","import { useEffect, useState } from 'react';\n\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook to subscribe to live update events\n * @param eventName - The event name (must be mapped in LiveUpdateProvider.eventMappings)\n * @returns The latest event data or null\n */\nexport const useLiveUpdates = <T = unknown>(eventName: string) => {\n const { service } = useLiveUpdateContext();\n const [data, setData] = useState<T | null>(null);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n if (!service) {\n return;\n }\n\n const subscription = service.on(eventName).subscribe({\n next: (value) => {\n setData(value);\n setError(null);\n },\n error: (err) => {\n setError(err instanceof Error ? err : new Error(String(err)));\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [eventName, service]);\n\n return { data, error };\n};\n","/**\n * React hook for RichContentService\n */\n\nimport {\n ContentEditableAdapter,\n DocumentNode,\n MarkType,\n RichContentConfig,\n RichContentService,\n RichContentState,\n Selection,\n} from '@codella-software/utils/rich-content';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\n/**\n * Hook options for useRichContent\n */\nexport interface UseRichContentOptions extends RichContentConfig {\n /** DOM element ref for contentEditable */\n editorRef?: React.RefObject<HTMLElement>;\n /** Custom adapter instance */\n adapter?: ContentEditableAdapter;\n}\n\n/**\n * Hook return value for useRichContent\n */\nexport interface UseRichContentReturn {\n /** Service instance */\n service: RichContentService;\n /** Current document content */\n content: DocumentNode;\n /** Full state object */\n state: RichContentState;\n /** Current editor focus state */\n isFocused: boolean;\n /** Can undo */\n canUndo: boolean;\n /** Can redo */\n canRedo: boolean;\n /** Active mark types */\n selectedFormats: Set<MarkType>;\n /** Current selection */\n selection: Selection | null;\n /** Is dirty (has unsaved changes) */\n isDirty: boolean;\n\n // Commands\n /** Insert text */\n insertText: (text: string) => void;\n /** Insert paragraph */\n insertParagraph: () => void;\n /** Insert heading */\n insertHeading: (level: 1 | 2 | 3 | 4 | 5 | 6) => void;\n /** Insert image */\n insertImage: (url: string) => void;\n /** Upload image file */\n uploadImage: (file: File) => Promise<void>;\n /** Insert mention */\n insertMention: (id: string, label: string) => void;\n /** Insert list */\n insertList: (type: 'ordered' | 'unordered') => void;\n /** Toggle mark */\n toggleMark: (mark: MarkType) => void;\n /** Delete content */\n deleteContent: () => void;\n /** Undo */\n undo: () => void;\n /** Redo */\n redo: () => void;\n /** Clear history */\n clearHistory: () => void;\n /** Focus editor */\n focus: () => void;\n /** Set focus state */\n setFocus: (focused: boolean) => void;\n /** Get plain text */\n getPlainText: () => string;\n /** Set selection */\n setSelection: (selection: Selection | null) => void;\n}\n\n/**\n * React hook that wraps RichContentService and manages state subscriptions\n */\nexport function useRichContent(options: UseRichContentOptions = {}): UseRichContentReturn {\n // Create service instance\n const service = useMemo(() => RichContentService.create(options), []);\n\n // State from service\n const [content, setContent] = useState<DocumentNode>(service.getContent());\n const [state, setState] = useState<RichContentState>(service.getState());\n const [isFocused, setIsFocused] = useState(false);\n const [canUndo, setCanUndo] = useState(false);\n const [canRedo, setCanRedo] = useState(false);\n const [selectedFormats, setSelectedFormats] = useState<Set<MarkType>>(new Set());\n\n // Subscriptions\n useEffect(() => {\n if (!service) {\n return\n }\n\n const contentSub = service.getContent$().subscribe(setContent);\n const stateSub = service.getState$().subscribe((newState) => {\n setState(newState);\n setIsFocused(newState.isFocused);\n setCanUndo(newState.canUndo);\n setCanRedo(newState.canRedo);\n setSelectedFormats(newState.selectedFormats || new Set());\n });\n\n return () => {\n contentSub.unsubscribe();\n stateSub.unsubscribe();\n };\n }, [service]);\n\n // Attach adapter if provided\n useEffect(() => {\n if (options.adapter) {\n service.attachAdapter(options.adapter);\n return () => service.detachAdapter();\n }\n }, [options.adapter, service]);\n\n // Setup default adapter if editorRef provided\n const defaultAdapterRef = useRef<ContentEditableAdapter | null>(null);\n\n useEffect(() => {\n if (options.editorRef?.current && !options.adapter && !defaultAdapterRef.current) {\n const { DefaultContentEditableAdapter } = require('@codella-software/utils/rich-content');\n const adapter = new DefaultContentEditableAdapter();\n adapter.mount(options.editorRef.current);\n service.attachAdapter(adapter);\n defaultAdapterRef.current = adapter;\n\n return () => {\n adapter.unmount();\n service.detachAdapter();\n defaultAdapterRef.current = null;\n };\n }\n }, [options.editorRef, options.adapter, service]);\n\n // Command callbacks\n const insertText = useCallback((text: string) => service.insertText(text), [service]);\n const insertParagraph = useCallback(() => service.insertParagraph(), [service]);\n const insertHeading = useCallback((level: any) => service.insertHeading(level), [service]);\n const insertImage = useCallback((url: string) => service.insertImage(url), [service]);\n const uploadImage = useCallback((file: File) => service.uploadImage(file), [service]);\n const insertMention = useCallback((id: string, label: string) => service.insertMention(id, label), [service]);\n const insertList = useCallback((type: 'ordered' | 'unordered') => service.insertList(type), [service]);\n const toggleMark = useCallback((mark: MarkType) => service.toggleMark(mark), [service]);\n const deleteContent = useCallback(() => service.deleteContent(), [service]);\n const undo = useCallback(() => service.undo(), [service]);\n const redo = useCallback(() => service.redo(), [service]);\n const clearHistory = useCallback(() => service.clearHistory(), [service]);\n const focus = useCallback(() => service.getAdapter()?.focus(), [service]);\n const setFocus = useCallback((focused: boolean) => service.setFocus(focused), [service]);\n const getPlainText = useCallback(() => service.getPlainText(), [service]);\n const setSelection = useCallback((sel: Selection | null) => service.setSelection(sel), [service]);\n\n return {\n service,\n content,\n state,\n isFocused,\n canUndo,\n canRedo,\n selectedFormats,\n selection: state.selection || null,\n isDirty: state.isDirty,\n\n insertText,\n insertParagraph,\n insertHeading,\n insertImage,\n uploadImage,\n insertMention,\n insertList,\n toggleMark,\n deleteContent,\n undo,\n redo,\n clearHistory,\n focus,\n setFocus,\n getPlainText,\n setSelection,\n };\n}\n","// @ts-nocheck\n// TODO: Implement real hook when React bindings are finalized\nimport { TableBuilder, type TableBuilderConfig } from '@codella-software/utils'\nimport { useEffect, useMemo, useState } from 'react'\n\n/**\n * Hook options for useTableService\n */\nexport interface UseTableServiceOptions<T extends Record<string, any>> {\n /** TableBuilder configuration */\n config: TableBuilderConfig<T>\n\n /** Table data */\n data: T[]\n}\n\n/**\n * Hook return value for useTableService\n */\nexport interface UseTableServiceReturn<T extends Record<string, any>> {\n /** Filtered and paginated data rows */\n rows: T[]\n /** Selected row IDs */\n selectedRows: string[]\n /** All rows selected flag */\n allSelected: boolean\n /** Current page */\n currentPage: number\n /** Page size */\n pageSize: number\n /** Total pages */\n totalPages: number\n /** Total item count */\n totalItems: number\n /** Has next page */\n hasNextPage: boolean\n /** Has previous page */\n hasPrevPage: boolean\n /** Sort field */\n sortBy: string | null\n /** Sort direction */\n sortDirection: 'asc' | 'desc' | null\n /** Active filters */\n filters: Record<string, any>\n /** Toggle row selection */\n toggleRowSelection: (rowId: string) => void\n /** Toggle all rows selection */\n toggleAllSelection: () => void\n /** Clear selection */\n clearSelection: () => void\n /** Set sort */\n setSort: (field: string, direction: 'asc' | 'desc') => void\n /** Toggle sort */\n toggleSort: (field: string) => void\n /** Set filter */\n setFilter: (field: string, value: any) => void\n /** Clear filter */\n clearFilter: (field: string) => void\n /** Clear all filters */\n clearAllFilters: () => void\n /** Set page */\n setPage: (page: number) => void\n /** Set page size */\n setPageSize: (size: number) => void\n /** Next page */\n nextPage: () => void\n /** Previous page */\n prevPage: () => void\n}\n\n/**\n * React hook that wraps TableBuilder for table state management\n *\n * @param options - Hook options including config and data\n * @returns Table state and control methods\n *\n * @example\n * ```tsx\n * const config: TableBuilderConfig<User> = {\n * columns: [\n * { field: 'name', header: 'Name', sortable: true }\n * ]\n * };\n *\n * function MyTable({ data }: { data: User[] }) {\n * const table = useTableService({ config, data });\n * return (\n * <table>\n * <tbody>\n * {table.rows.map(row => (\n * <tr key={row.id}><td>{row.name}</td></tr>\n * ))}\n * </tbody>\n * </table>\n * );\n * }\n * ```\n */\nexport function useTableService<T extends Record<string, any>>(\n options: UseTableServiceOptions<T>\n): UseTableServiceReturn<T> {\n const { config, data } = options\n\n // Create instance of TableBuilder\n const builder = useMemo(() => {\n const tb = new TableBuilder<T>(config)\n tb.setData(data)\n return tb\n }, [config])\n\n // Track state\n const [state, setState] = useState(() => builder.getState())\n const [selectedRows, setSelectedRows] = useState<string[]>([])\n const [allSelected, setAllSelected] = useState(false)\n\n // Subscribe to changes\n useEffect(() => {\n if (!builder || !builder.stateChanged$) {\n return\n }\n\n const subscription = builder.stateChanged$.subscribe((newState: any) => {\n setState(newState)\n })\n\n return () => subscription.unsubscribe()\n }, [builder])\n\n // Update data\n useEffect(() => {\n builder.setData(data)\n }, [builder, data])\n\n const memoizedMethods = useMemo(() => ({\n toggleRowSelection: (rowId: string) => {\n setSelectedRows(prev => \n prev.includes(rowId)\n ? prev.filter(id => id !== rowId)\n : [...prev, rowId]\n )\n },\n\n toggleAllSelection: () => {\n if (allSelected) {\n setSelectedRows([])\n setAllSelected(false)\n } else {\n setSelectedRows(state.rows.map((row: any) => (row as any).id || String(row)))\n setAllSelected(true)\n }\n },\n\n clearSelection: () => {\n setSelectedRows([])\n setAllSelected(false)\n },\n\n setSort: (field: string, direction: 'asc' | 'desc') => {\n builder.setSort(field, direction)\n },\n\n toggleSort: (field: string) => {\n builder.toggleSort(field)\n },\n\n setFilter: (field: string, value: any) => {\n builder.setFilter(field, value)\n },\n\n clearFilter: (field: string) => {\n builder.clearFilter(field)\n },\n\n clearAllFilters: () => {\n builder.clearAllFilters()\n },\n\n setPage: (page: number) => {\n builder.setPage(page)\n },\n\n setPageSize: (size: number) => {\n builder.setPageSize(size)\n },\n\n nextPage: () => {\n builder.nextPage()\n },\n\n prevPage: () => {\n builder.prevPage()\n },\n }), [builder, allSelected, state.rows])\n\n const memoizedReturn = useMemo(() => ({\n rows: state.rows,\n selectedRows,\n allSelected,\n currentPage: state.currentPage,\n pageSize: state.pageSize,\n totalPages: state.totalPages,\n totalItems: state.totalItems,\n hasNextPage: state.hasNextPage,\n hasPrevPage: state.hasPrevPage,\n sortBy: state.sortBy,\n sortDirection: state.sortDirection,\n filters: state.filters,\n ...memoizedMethods,\n }), [state, selectedRows, allSelected, memoizedMethods])\n\n return memoizedReturn\n}\n","import type { TabChangeEvent, TabsConfig } from '@codella-software/utils/tabs';\nimport { TabsService } from '@codella-software/utils/tabs';\nimport React, { createContext, useContext, useEffect, useState } from 'react';\n\ninterface TabsContextValue {\n service: TabsService;\n activeTabId: string;\n tabs: ReturnType<TabsService['getTabs']>;\n}\n\nconst TabsContext = createContext<TabsContextValue | undefined>(undefined);\n\n/**\n * Props for TabsProvider\n */\nexport interface TabsProviderProps {\n config: TabsConfig;\n children: React.ReactNode;\n}\n\n/**\n * Tabs provider for React\n */\nexport function TabsProvider({ config, children }: TabsProviderProps) {\n const [service] = useState(() => new TabsService(config));\n const [activeTabId, setActiveTabId] = useState(() => service.getActiveTabId());\n const [tabs, setTabs] = useState(() => service.getTabs());\n\n useEffect(() => {\n const activeTabSubscription = service.getActiveTabId$().subscribe(setActiveTabId);\n const tabsSubscription = service.getTabs$().subscribe(setTabs);\n\n return () => {\n activeTabSubscription.unsubscribe();\n tabsSubscription.unsubscribe();\n };\n }, [service]);\n\n useEffect(() => {\n return () => {\n service.destroy();\n };\n }, [service]);\n\n return (\n <TabsContext.Provider value={{ service, activeTabId, tabs }}>\n {children}\n </TabsContext.Provider>\n );\n}\n\n/**\n * Hook to access tabs service from context\n */\nexport function useTabsContext(): TabsContextValue {\n const context = useContext(TabsContext);\n if (!context) {\n throw new Error('useTabsContext must be used within a TabsProvider');\n }\n return context;\n}\n\n/**\n * Hook to use tabs service directly\n */\nexport function useTabsService() {\n const { service } = useTabsContext();\n return service;\n}\n\n/**\n * Hook to get active tab\n */\nexport function useActiveTab() {\n const { service } = useTabsContext();\n const [activeTab, setActiveTab] = useState(() => service.getActiveTab());\n\n useEffect(() => {\n const subscription = service.getActiveTab$().subscribe(setActiveTab);\n return () => subscription.unsubscribe();\n }, [service]);\n\n return activeTab;\n}\n\n/**\n * Hook to get all tabs\n */\nexport function useTabs() {\n const { tabs } = useTabsContext();\n return tabs;\n}\n\n/**\n * Hook to listen to tab changes\n */\nexport function useTabChange() {\n const { service } = useTabsContext();\n const [changeEvent, setChangeEvent] = useState<TabChangeEvent | null>(null);\n\n useEffect(() => {\n const subscription = service.onTabChange$().subscribe(setChangeEvent);\n return () => subscription.unsubscribe();\n }, [service]);\n\n return changeEvent;\n}\n\n/**\n * Hook to set active tab\n */\nexport function useSetActiveTab() {\n const { service } = useTabsContext();\n return {\n setActiveTab: (tabId: string) => service.setActiveTab(tabId),\n setActiveTabByIndex: (index: number) => service.setActiveTabByIndex(index),\n nextTab: () => service.nextTab(),\n previousTab: () => service.previousTab(),\n };\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../src/filters-and-sort/useFiltersAndSort.ts","../src/form-builder/useFormBuilder.ts","../src/live-updates/LiveUpdateProvider.tsx","../src/live-updates/useLiveListener.ts","../src/live-updates/useLiveRequest.ts","../src/live-updates/useLiveUpdateListener.ts","../src/live-updates/useLiveUpdates.ts","../src/rich-content/useRichContent.ts","../src/table-builder/useTableService.ts","../src/tabs/useTabsHooks.tsx"],"sourcesContent":["import { FiltersAndSortService, type FilterAndSortState, type SortDirection } from '@codella-software/utils'\nimport { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from 'react'\n\n/**\n * Configuration for creating a new FiltersAndSortService instance\n */\nexport interface FiltersAndSortConfig<T extends Record<string, any> = Record<string, any>> {\n /** Unique storage key for persistence */\n storageKey: string\n /** Whether to persist state to storage (default: true) */\n persistToStorage?: boolean\n /** Initial state override */\n initialState?: Partial<FilterAndSortState<T>>\n /** Default filter values used when clearing filters */\n defaultFilters?: T\n /** Skip hydrating state from storage on init */\n skipStorageHydration?: boolean\n /** Debounce time for storage persistence in ms (default: 300) */\n storageDebounceMs?: number\n /** Optional storage key prefix */\n storageKeyPrefix?: string\n}\n\n/**\n * Hook options for useFiltersAndSort\n */\nexport interface UseFiltersAndSortOptions<T extends Record<string, any> = Record<string, any>> {\n /** An existing FiltersAndSortService instance to use */\n service?: FiltersAndSortService<T>\n /** Configuration to create a new service instance (mutually exclusive with service) */\n config?: FiltersAndSortConfig<T>\n /** Enable debug logging */\n debug?: boolean\n /** Custom equality function for state comparison */\n isEqual?: (prev: FilterAndSortState<T>, next: FilterAndSortState<T>) => boolean\n}\n\n/**\n * Hook return value for useFiltersAndSort\n */\nexport interface UseFiltersAndSortReturn<T extends Record<string, any> = Record<string, any>> {\n // State\n /** Current filter state */\n filters: T\n /** Current sort field */\n sortBy: string | null\n /** Current sort direction */\n sortDirection: SortDirection\n /** Current page (0-based) */\n page: number\n /** Page size */\n pageSize: number\n /** Current search query */\n query: string\n /** Full state object for advanced use cases */\n state: FilterAndSortState<T>\n\n // Filter actions\n /** Set a single filter value */\n setFilter: <K extends keyof T>(key: K, value: T[K]) => void\n /** Set multiple filters at once */\n setFilters: (filters: Partial<T>) => void\n /** Clear a specific filter */\n clearFilter: <K extends keyof T>(key: K) => void\n /** Clear all filters (resets to defaultFilters) */\n clearAllFilters: () => void\n /** Check if a specific filter is active */\n hasFilter: <K extends keyof T>(key: K) => boolean\n /** Check if any filters are active */\n hasAnyFilters: () => boolean\n /** Get count of active filters */\n activeFilterCount: number\n\n // Sort actions\n /** Set/toggle sort (auto-toggles between asc -> desc -> none) */\n setSort: (field: string) => void\n /** Toggle sort direction for field (alias for setSort) */\n toggleSort: (field: string) => void\n /** Clear current sort */\n clearSort: () => void\n /** Check if a field is currently sorted */\n isSortedBy: (field: string) => boolean\n\n // Pagination actions\n /** Set page */\n setPage: (page: number) => void\n /** Set page size */\n setPageSize: (size: number) => void\n /** Go to next page */\n nextPage: () => void\n /** Go to previous page */\n prevPage: () => void\n /** Go to first page */\n firstPage: () => void\n /** Check if on first page */\n isFirstPage: boolean\n /** Calculate offset for API requests */\n offset: number\n\n // Query actions\n /** Set search query */\n setQuery: (query: string) => void\n /** Clear search query */\n clearQuery: () => void\n\n // General actions\n /** Reset to initial state */\n reset: () => void\n /** Clear storage and reset */\n clearStorageAndReset: () => void\n /** Get the storage key being used */\n storageKey: string\n\n // Service access\n /** Direct access to the underlying service (for advanced use cases) */\n getService: () => FiltersAndSortService<T>\n}\n\n/**\n * Default shallow equality check for filter state\n */\nfunction defaultIsEqual<T>(prev: FilterAndSortState<T>, next: FilterAndSortState<T>): boolean {\n if (prev === next) return true\n\n // Quick reference equality checks\n if (prev.query !== next.query) return false\n if (prev.pagination.page !== next.pagination.page) return false\n if (prev.pagination.limit !== next.pagination.limit) return false\n\n // Sort comparison\n const prevSort = prev.sort\n const nextSort = next.sort\n if (prevSort?.fieldName !== nextSort?.fieldName) return false\n if (prevSort?.direction !== nextSort?.direction) return false\n\n // Shallow filter comparison\nconst prevFilters = prev.filters as Record<string, unknown>\nconst nextFilters = next.filters as Record<string, unknown>\nconst prevKeys = Object.keys(prevFilters)\nconst nextKeys = Object.keys(nextFilters)\n\nif (prevKeys.length !== nextKeys.length) return false\n\nfor (const key of prevKeys) {\n if (prevFilters[key] !== nextFilters[key]) return false\n}\n return true\n}\n\n/**\n * Count active filters (non-null, non-undefined, non-empty string values)\n */\nfunction countActiveFilters<T extends Record<string, unknown>>(filters: T, defaultFilters?: T): number {\n let count = 0\n const keys = Object.keys(filters as Record<string, unknown>) as Array<keyof T>\n for (const key of keys) {\n const value = filters[key]\n const defaultValue = defaultFilters?.[key]\n const isDefault = value === defaultValue\n const isEmpty = value === null || value === undefined || value === ''\n const isEmptyArray = Array.isArray(value) && value.length === 0\n\n if (!isEmpty && !isEmptyArray && !isDefault) {\n count++\n }\n }\n return count\n}\n\n/**\n * React hook that wraps FiltersAndSortService with enhanced functionality\n *\n * @typeParam T - The filters object type\n * @param options - Hook options including service instance or config\n * @returns Filters and sort state with control methods\n *\n * @example\n * ```tsx\n * // Option 1: Create service externally (recommended for sharing between components)\n * const service = new FiltersAndSortService<MyFilters>({ storageKey: 'my-filters' });\n *\n * function MyTable() {\n * const {\n * filters,\n * setFilter,\n * clearAllFilters,\n * hasAnyFilters,\n * activeFilterCount\n * } = useFiltersAndSort({ service });\n *\n * return (\n * <div>\n * <input\n * value={filters.name || ''}\n * onChange={(e) => setFilter('name', e.target.value)}\n * />\n * {hasAnyFilters() && (\n * <button onClick={clearAllFilters}>\n * Clear ({activeFilterCount})\n * </button>\n * )}\n * </div>\n * );\n * }\n *\n * // Option 2: Let the hook create the service (simpler for single-component use)\n * function SimpleTable() {\n * const filters = useFiltersAndSort({\n * config: {\n * storageKey: 'simple-table',\n * defaultFilters: { status: 'all' }\n * }\n * });\n * // ...\n * }\n * ```\n */\nexport function useFiltersAndSort<T extends Record<string, any> = Record<string, any>>(\n options: UseFiltersAndSortOptions<T>\n): UseFiltersAndSortReturn<T> {\n const { service: externalService, config, debug = false, isEqual = defaultIsEqual } = options\n\n // Validate options\n if (!externalService && !config) {\n throw new Error(\n 'useFiltersAndSort: either `service` or `config` must be provided. ' +\n 'Pass an existing FiltersAndSortService instance via `service`, or ' +\n 'provide a `config` object to create a new service.'\n )\n }\n\n if (externalService && config) {\n if (debug) {\n console.warn(\n 'useFiltersAndSort: both `service` and `config` were provided. ' +\n 'The `service` will be used and `config` will be ignored.'\n )\n }\n }\n\n // Track if we own the service (created it ourselves)\n const ownsServiceRef = useRef(false)\n const serviceRef = useRef<FiltersAndSortService<T> | null>(null)\n const isEqualRef = useRef(isEqual)\n\n // Keep isEqual ref updated\n useEffect(() => {\n isEqualRef.current = isEqual\n }, [isEqual])\n\n // Initialize service (only once)\n if (!serviceRef.current) {\n if (externalService) {\n serviceRef.current = externalService\n ownsServiceRef.current = false\n } else if (config) {\n serviceRef.current = new FiltersAndSortService<T>({\n storageKey: config.storageKey,\n persistToStorage: config.persistToStorage,\n initialState: config.initialState,\n defaultFilters: config.defaultFilters,\n skipStorageHydration: config.skipStorageHydration,\n storageDebounceMs: config.storageDebounceMs,\n storageKeyPrefix: config.storageKeyPrefix,\n })\n ownsServiceRef.current = true\n\n if (debug) {\n console.log(`useFiltersAndSort: created service with key \"${config.storageKey}\"`)\n }\n }\n }\n\n const svc = serviceRef.current!\n\n // Get default filters for active filter counting\n const defaultFiltersRef = useRef<T | undefined>(config?.defaultFilters)\n\n // Use useSyncExternalStore for better concurrent mode support\n const subscribe = useCallback(\n (onStoreChange: () => void) => {\n const subscription = svc.getState().subscribe(() => {\n onStoreChange()\n })\n return () => subscription.unsubscribe()\n },\n [svc]\n )\n\n const getSnapshot = useCallback(() => svc.getCurrentState(), [svc])\n\n // For SSR - return initial state\n const getServerSnapshot = useCallback(() => svc.getDefaultState(), [svc])\n\n const state = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n\n // Debug logging\n useEffect(() => {\n if (!debug) return\n\n const sub = svc.getState().subscribe((newState) => {\n console.log(`useFiltersAndSort [${svc.getStorageKey()}]:`, newState)\n })\n return () => sub.unsubscribe()\n }, [svc, debug])\n\n // Cleanup owned service on unmount\n useEffect(() => {\n return () => {\n if (ownsServiceRef.current && serviceRef.current) {\n if (debug) {\n console.log(`useFiltersAndSort: destroying owned service \"${serviceRef.current.getStorageKey()}\"`)\n }\n serviceRef.current.destroy()\n serviceRef.current = null\n }\n }\n }, [debug])\n\n // Stable callback references using useCallback\n const setFilter = useCallback(\n <K extends keyof T>(key: K, value: T[K]) => {\n svc.setFilters({ [key]: value } as unknown as Partial<T>)\n },\n [svc]\n )\n\n const setFilters = useCallback(\n (filters: Partial<T>) => {\n svc.setFilters(filters)\n },\n [svc]\n )\n\n const clearFilter = useCallback(\n <K extends keyof T>(key: K) => {\n svc.removeFilter(key)\n },\n [svc]\n )\n\n const clearAllFilters = useCallback(() => {\n svc.clearFilters()\n }, [svc])\n\n const hasFilter = useCallback(\n <K extends keyof T>(key: K): boolean => {\n const value = svc.getCurrentState().filters[key]\n const defaultValue = defaultFiltersRef.current?.[key]\n if (value === defaultValue) return false\n if (value === null || value === undefined || value === '') return false\n if (Array.isArray(value) && value.length === 0) return false\n return true\n },\n [svc]\n )\n\n const hasAnyFilters = useCallback((): boolean => {\n return countActiveFilters(svc.getCurrentState().filters, defaultFiltersRef.current) > 0\n }, [svc])\n\n const setSort = useCallback(\n (field: string) => {\n svc.setSort(field)\n },\n [svc]\n )\n\n const clearSort = useCallback(() => {\n svc.setSort('')\n }, [svc])\n\n const isSortedBy = useCallback(\n (field: string): boolean => {\n return svc.getCurrentState().sort?.fieldName === field\n },\n [svc]\n )\n\n const setPage = useCallback(\n (page: number) => {\n if (page < 0) {\n if (debug) {\n console.warn('useFiltersAndSort: setPage called with negative value, clamping to 0')\n }\n page = 0\n }\n svc.setPagination(page)\n },\n [svc, debug]\n )\n\n const setPageSize = useCallback(\n (size: number) => {\n if (size < 1) {\n if (debug) {\n console.warn('useFiltersAndSort: setPageSize called with value < 1, clamping to 1')\n }\n size = 1\n }\n const currentPage = svc.getCurrentState().pagination.page\n svc.setPagination(currentPage, size)\n },\n [svc, debug]\n )\n\n const nextPage = useCallback(() => {\n svc.setPagination(svc.getCurrentState().pagination.page + 1)\n }, [svc])\n\n const prevPage = useCallback(() => {\n const newPage = Math.max(0, svc.getCurrentState().pagination.page - 1)\n svc.setPagination(newPage)\n }, [svc])\n\n const firstPage = useCallback(() => {\n svc.setPagination(0)\n }, [svc])\n\n const setQuery = useCallback(\n (query: string) => {\n svc.setQuery(query)\n },\n [svc]\n )\n\n const clearQuery = useCallback(() => {\n svc.setQuery('')\n }, [svc])\n\n const reset = useCallback(() => {\n svc.reset()\n }, [svc])\n\n const clearStorageAndReset = useCallback(() => {\n svc.clearStorage()\n svc.reset()\n }, [svc])\n\n const getService = useCallback(() => svc, [svc])\n\n // Derived values\n const activeFilterCount = useMemo(\n () => countActiveFilters(state.filters, defaultFiltersRef.current),\n [state.filters]\n )\n\n const isFirstPage = state.pagination.page === 0\n const offset = state.pagination.page * state.pagination.limit\n\n // Memoize the return object to prevent unnecessary re-renders\n return useMemo(\n () => ({\n // State\n filters: state.filters,\n sortBy: state.sort?.fieldName ?? null,\n sortDirection: state.sort?.direction ?? 'asc',\n page: state.pagination.page,\n pageSize: state.pagination.limit,\n query: state.query,\n state,\n\n // Filter actions\n setFilter,\n setFilters,\n clearFilter,\n clearAllFilters,\n hasFilter,\n hasAnyFilters,\n activeFilterCount,\n\n // Sort actions\n setSort,\n toggleSort: setSort,\n clearSort,\n isSortedBy,\n\n // Pagination actions\n setPage,\n setPageSize,\n nextPage,\n prevPage,\n firstPage,\n isFirstPage,\n offset,\n\n // Query actions\n setQuery,\n clearQuery,\n\n // General actions\n reset,\n clearStorageAndReset,\n storageKey: svc.getStorageKey(),\n\n // Service access\n getService,\n }),\n [\n state,\n setFilter,\n setFilters,\n clearFilter,\n clearAllFilters,\n hasFilter,\n hasAnyFilters,\n activeFilterCount,\n setSort,\n clearSort,\n isSortedBy,\n setPage,\n setPageSize,\n nextPage,\n prevPage,\n firstPage,\n isFirstPage,\n offset,\n setQuery,\n clearQuery,\n reset,\n clearStorageAndReset,\n svc,\n getService,\n ]\n )\n}\n\n/**\n * Convenience hook for creating a filters service with simpler API\n * Equivalent to useFiltersAndSort({ config: ... })\n */\nexport function useFilters<T extends Record<string, any> = Record<string, any>>(\n storageKey: string,\n options?: Omit<FiltersAndSortConfig<T>, 'storageKey'>\n): UseFiltersAndSortReturn<T> {\n return useFiltersAndSort<T>({\n config: {\n storageKey,\n ...options,\n },\n })\n}\n\nexport type { FilterAndSortState, SortDirection }\n","// React hook for FormBuilder with proper state management\nimport { FormBuilder } from '@codella-software/utils'\nimport { useEffect, useMemo, useState } from 'react'\n\n/**\n * Hook options for useFormBuilder\n */\nexport interface UseFormBuilderOptions<T extends Record<string, any>> {\n /** FormBuilder instance */\n builder: FormBuilder<T>\n}\n\n/**\n * Hook return value for useFormBuilder\n */\nexport interface UseFormBuilderReturn<T extends Record<string, any>> {\n /** Current form values */\n values: T\n /** Form validation errors */\n errors: Record<string, string | undefined>\n /** Form touched fields */\n touched: Record<string, boolean>\n /** Current form step (for multi-step forms) */\n currentStep: number\n /** Total form steps */\n totalSteps: number\n /** Is form currently submitting */\n isSubmitting: boolean\n /** Is form valid */\n isValid: boolean\n /** Set field value */\n setFieldValue: (field: keyof T, value: any) => Promise<void>\n /** Set field touched */\n setFieldTouched: (field: keyof T, touched: boolean) => void\n /** Validate entire form */\n validate: () => Promise<Record<string, string | undefined>>\n /** Submit form */\n submit: () => Promise<T | null>\n /** Reset form to initial values */\n reset: () => void\n /** Go to next step */\n nextStep: () => void\n /** Go to previous step */\n prevStep: () => void\n}\n\n/**\n * React hook that wraps FormBuilder and provides form state management\n *\n * @param options - Hook options including FormBuilder instance\n * @returns Form state and methods\n *\n * @example\n * ```tsx\n * const builder = new FormBuilder<{ name: string }>()\n * .addField({ name: 'name', type: 'text', label: 'Name' })\n * .build();\n *\n * function MyForm() {\n * const form = useFormBuilder({ builder });\n * return (\n * <form onSubmit={(e) => { e.preventDefault(); form.submit(); }}>\n * <input\n * value={form.values.name}\n * onChange={(e) => form.setFieldValue('name', e.target.value)}\n * />\n * {form.errors.name && <span>{form.errors.name}</span>}\n * <button type=\"submit\">Submit</button>\n * </form>\n * );\n * }\n * ```\n */\nexport function useFormBuilder<T extends Record<string, any>>(\n options: UseFormBuilderOptions<T>\n): UseFormBuilderReturn<T> {\n const { builder } = options\n\n if (!builder) {\n throw new Error('useFormBuilder: builder is required')\n }\n\n // Subscribe to form state\n const [state, setState] = useState(() => builder.currentState)\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n useEffect(() => {\n if (!builder || !builder.state$) {\n return\n }\n\n const subscription = builder.state$.subscribe((newState: any) => {\n setState(newState)\n })\n\n return () => subscription.unsubscribe()\n }, [builder])\n\n const memoizedReturn = useMemo(() => ({\n values: state.values,\n errors: state.errors,\n touched: state.touched,\n currentStep: 0, // Multi-step requires MultiStepFormBuilder\n totalSteps: 1, // Multi-step requires MultiStepFormBuilder\n isSubmitting,\n isValid: Object.keys(state.errors).length === 0,\n\n setFieldValue: async (field: keyof T, value: any) => {\n builder.setFieldValue(field as string, value)\n },\n\n setFieldTouched: (field: keyof T, touched: boolean) => {\n builder.setFieldTouched(field as string, touched)\n },\n\n validate: async () => {\n return builder.validate()\n },\n\n submit: async () => {\n setIsSubmitting(true)\n try {\n await builder.submit()\n setIsSubmitting(false)\n return null\n } catch (error) {\n setIsSubmitting(false)\n throw error\n }\n },\n\n reset: () => {\n builder.reset()\n },\n\n nextStep: () => {\n // Multi-step forms use MultiStepFormBuilder, not FormBuilder\n console.warn('nextStep() is only available on MultiStepFormBuilder')\n },\n\n prevStep: () => {\n // Multi-step forms use MultiStepFormBuilder, not FormBuilder\n console.warn('prevStep() is only available on MultiStepFormBuilder')\n },\n }), [builder, state, isSubmitting])\n\n return memoizedReturn\n}\n","import { FC, ReactNode, createContext, useContext, useEffect, useState } from 'react';\n\nimport type { IAuthProvider } from '@codella-software/utils';\nimport {\n LiveUpdateService,\n SSEService,\n WebsocketService,\n type EventMapping,\n type LiveUpdateType,\n} from '@codella-software/utils/live-updates';\n\nexport interface LiveUpdateContextValue {\n service: LiveUpdateService;\n isConnected: boolean;\n type: LiveUpdateType;\n canSend: boolean;\n}\n\nconst LiveUpdateContext = createContext<LiveUpdateContextValue | null>(null);\n\n/**\n * Hook to access the LiveUpdateContext\n * Must be used within a LiveUpdateProvider\n */\nexport const useLiveUpdateContext = () => {\n const context = useContext(LiveUpdateContext);\n if (!context) {\n throw new Error('useLiveUpdateContext must be used within LiveUpdateProvider');\n }\n return context;\n};\n\nexport interface LiveUpdateProviderProps {\n children: ReactNode;\n authProvider: IAuthProvider;\n sseUrl?: string;\n wsUrl?: string;\n sseEnabled?: boolean;\n wsEnabled?: boolean;\n eventMappings?: Record<string, EventMapping>;\n}\n\n/**\n * Provider component for live updates service\n * Manages service initialization and connection state\n * \n * @example\n * ```tsx\n * import { LiveUpdateProvider } from '@codella/react';\n * import { createFirebaseAuthProvider } from '@codella-software/utils';\n * \n * function App() {\n * const authProvider = createFirebaseAuthProvider({ auth: getAuth() });\n * \n * return (\n * <LiveUpdateProvider\n * authProvider={authProvider}\n * sseUrl=\"http://api.example.com/sse\"\n * wsUrl=\"ws://api.example.com/ws\"\n * eventMappings={{\n * 'notifications': { sseEvent: 'GET_NOTIFICATIONS' }\n * }}\n * >\n * <YourApp />\n * </LiveUpdateProvider>\n * );\n * }\n * ```\n */\nexport const LiveUpdateProvider: FC<LiveUpdateProviderProps> = ({\n children,\n authProvider,\n sseUrl = 'http://localhost:3000/sse',\n wsUrl = 'ws://localhost:3000/ws',\n sseEnabled = true,\n wsEnabled = true,\n eventMappings = {},\n}) => {\n const [isConnected, setIsConnected] = useState(false);\n const [service] = useState(() => {\n const sseService = new SSEService({\n url: sseUrl,\n authProvider,\n });\n\n const wsService = new WebsocketService({\n url: wsUrl,\n authProvider,\n });\n\n return new LiveUpdateService(wsService, sseService);\n });\n\n useEffect(() => {\n if (authProvider.isAuthenticated()) {\n service.initialize({\n sseEnabled,\n wsEnabled,\n authProvider,\n eventMappings,\n });\n } else {\n service.disconnect();\n }\n\n const subscription = service.isConnected$.subscribe(setIsConnected);\n\n return () => {\n subscription.unsubscribe();\n };\n }, [authProvider, sseEnabled, wsEnabled, service, eventMappings]);\n\n // Cleanup on unmount\n useEffect(() => {\n return () => {\n service.disconnect();\n };\n }, [service]);\n\n return (\n <LiveUpdateContext.Provider\n value={{\n service,\n isConnected,\n type: service.type,\n canSend: service.canSend,\n }}\n >\n {children}\n </LiveUpdateContext.Provider>\n );\n};\n","import { useEffect, useState } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook to listen for specific WebSocket actions\n * @param action - The WS_ACTIONS enum value to listen for\n * @param enabled - Whether to subscribe (defaults to true)\n * @returns The latest message payload or null\n */\nexport const useLiveListener = <T = unknown>(action: WS_ACTIONS, enabled = true) => {\n const { service } = useLiveUpdateContext();\n const [data, setData] = useState<T | null>(null);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n if (!enabled || !service) {\n return;\n }\n\n const subscription = service.on(action).subscribe({\n next: (value) => {\n setData(value);\n setError(null);\n },\n error: (err) => {\n setError(err instanceof Error ? err : new Error(String(err)));\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [action, enabled, service]);\n\n return { data, error };\n};\n","import { useCallback } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook for request-response pattern over WebSocket\n * @param sendAction - The action to send\n * @param responseAction - The action to wait for\n * @returns Function to send request and promise for response\n */\nexport const useLiveRequest = <TReq = unknown, TRes = unknown>() => {\n const { service, canSend } = useLiveUpdateContext();\n\n const request = useCallback(\n (sendAction: WS_ACTIONS, responseAction: WS_ACTIONS, payload?: TReq) => {\n if (!canSend) {\n return Promise.reject(new Error('WebSocket not available for sending'));\n }\n\n return service\n .on(responseAction)\n .toPromise()\n .catch(() => {\n throw new Error(`No response received for action: ${responseAction}`);\n });\n },\n [canSend, service],\n );\n\n return { request, canSend };\n};\n","import { useCallback } from 'react';\n\nimport type { WS_ACTIONS } from '@codella-software/utils/live-updates';\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\nexport interface UseUpdateListenerOptions {\n enabled?: boolean;\n}\n\n/**\n * Hook to listen for and handle live updates with callback\n * @param action - The WS_ACTIONS enum value to listen for\n * @param onUpdate - Callback when update is received\n * @param enabled - Whether to subscribe (defaults to true)\n */\nexport const useLiveUpdateListener = <T = unknown>(\n action: WS_ACTIONS,\n onUpdate: (data: T) => void,\n { enabled = true }: UseUpdateListenerOptions = {},\n) => {\n const { service } = useLiveUpdateContext();\n\n const handleUpdate = useCallback(\n (data: T) => {\n onUpdate(data);\n },\n [onUpdate],\n );\n\n // Subscribe to updates\n // The subscription is managed by the effect in the hook\n // Users need to call subscribe manually or use useLiveListener instead\n const subscribe = useCallback(() => {\n if (!enabled || !service) {\n return () => {};\n }\n\n const subscription = service.on(action).subscribe(handleUpdate);\n\n return () => {\n subscription.unsubscribe();\n };\n }, [action, enabled, service, handleUpdate]);\n\n return { subscribe };\n};\n","import { useEffect, useState } from 'react';\n\nimport { useLiveUpdateContext } from './LiveUpdateProvider';\n\n/**\n * Hook to subscribe to live update events\n * @param eventName - The event name (must be mapped in LiveUpdateProvider.eventMappings)\n * @returns The latest event data or null\n */\nexport const useLiveUpdates = <T = unknown>(eventName: string) => {\n const { service } = useLiveUpdateContext();\n const [data, setData] = useState<T | null>(null);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n if (!service) {\n return;\n }\n\n const subscription = service.on(eventName).subscribe({\n next: (value) => {\n setData(value);\n setError(null);\n },\n error: (err) => {\n setError(err instanceof Error ? err : new Error(String(err)));\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [eventName, service]);\n\n return { data, error };\n};\n","/**\n * React hook for RichContentService\n */\n\nimport {\n ContentEditableAdapter,\n DocumentNode,\n MarkType,\n RichContentConfig,\n RichContentService,\n RichContentState,\n Selection,\n} from '@codella-software/utils/rich-content';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\n/**\n * Hook options for useRichContent\n */\nexport interface UseRichContentOptions extends RichContentConfig {\n /** DOM element ref for contentEditable */\n editorRef?: React.RefObject<HTMLElement>;\n /** Custom adapter instance */\n adapter?: ContentEditableAdapter;\n}\n\n/**\n * Hook return value for useRichContent\n */\nexport interface UseRichContentReturn {\n /** Service instance */\n service: RichContentService;\n /** Current document content */\n content: DocumentNode;\n /** Full state object */\n state: RichContentState;\n /** Current editor focus state */\n isFocused: boolean;\n /** Can undo */\n canUndo: boolean;\n /** Can redo */\n canRedo: boolean;\n /** Active mark types */\n selectedFormats: Set<MarkType>;\n /** Current selection */\n selection: Selection | null;\n /** Is dirty (has unsaved changes) */\n isDirty: boolean;\n\n // Commands\n /** Insert text */\n insertText: (text: string) => void;\n /** Insert paragraph */\n insertParagraph: () => void;\n /** Insert heading */\n insertHeading: (level: 1 | 2 | 3 | 4 | 5 | 6) => void;\n /** Insert image */\n insertImage: (url: string) => void;\n /** Upload image file */\n uploadImage: (file: File) => Promise<void>;\n /** Insert mention */\n insertMention: (id: string, label: string) => void;\n /** Insert list */\n insertList: (type: 'ordered' | 'unordered') => void;\n /** Toggle mark */\n toggleMark: (mark: MarkType) => void;\n /** Delete content */\n deleteContent: () => void;\n /** Undo */\n undo: () => void;\n /** Redo */\n redo: () => void;\n /** Clear history */\n clearHistory: () => void;\n /** Focus editor */\n focus: () => void;\n /** Set focus state */\n setFocus: (focused: boolean) => void;\n /** Get plain text */\n getPlainText: () => string;\n /** Set selection */\n setSelection: (selection: Selection | null) => void;\n}\n\n/**\n * React hook that wraps RichContentService and manages state subscriptions\n */\nexport function useRichContent(options: UseRichContentOptions = {}): UseRichContentReturn {\n // Create service instance\n const service = useMemo(() => RichContentService.create(options), []);\n\n // State from service\n const [content, setContent] = useState<DocumentNode>(service.getContent());\n const [state, setState] = useState<RichContentState>(service.getState());\n const [isFocused, setIsFocused] = useState(false);\n const [canUndo, setCanUndo] = useState(false);\n const [canRedo, setCanRedo] = useState(false);\n const [selectedFormats, setSelectedFormats] = useState<Set<MarkType>>(new Set());\n\n // Subscriptions\n useEffect(() => {\n if (!service) {\n return\n }\n\n const contentSub = service.getContent$().subscribe(setContent);\n const stateSub = service.getState$().subscribe((newState) => {\n setState(newState);\n setIsFocused(newState.isFocused);\n setCanUndo(newState.canUndo);\n setCanRedo(newState.canRedo);\n setSelectedFormats(newState.selectedFormats || new Set());\n });\n\n return () => {\n contentSub.unsubscribe();\n stateSub.unsubscribe();\n };\n }, [service]);\n\n // Attach adapter if provided\n useEffect(() => {\n if (options.adapter) {\n service.attachAdapter(options.adapter);\n return () => service.detachAdapter();\n }\n }, [options.adapter, service]);\n\n // Setup default adapter if editorRef provided\n const defaultAdapterRef = useRef<ContentEditableAdapter | null>(null);\n\n useEffect(() => {\n if (options.editorRef?.current && !options.adapter && !defaultAdapterRef.current) {\n const { DefaultContentEditableAdapter } = require('@codella-software/utils/rich-content');\n const adapter = new DefaultContentEditableAdapter();\n adapter.mount(options.editorRef.current);\n service.attachAdapter(adapter);\n defaultAdapterRef.current = adapter;\n\n return () => {\n adapter.unmount();\n service.detachAdapter();\n defaultAdapterRef.current = null;\n };\n }\n }, [options.editorRef, options.adapter, service]);\n\n // Command callbacks\n const insertText = useCallback((text: string) => service.insertText(text), [service]);\n const insertParagraph = useCallback(() => service.insertParagraph(), [service]);\n const insertHeading = useCallback((level: any) => service.insertHeading(level), [service]);\n const insertImage = useCallback((url: string) => service.insertImage(url), [service]);\n const uploadImage = useCallback((file: File) => service.uploadImage(file), [service]);\n const insertMention = useCallback((id: string, label: string) => service.insertMention(id, label), [service]);\n const insertList = useCallback((type: 'ordered' | 'unordered') => service.insertList(type), [service]);\n const toggleMark = useCallback((mark: MarkType) => service.toggleMark(mark), [service]);\n const deleteContent = useCallback(() => service.deleteContent(), [service]);\n const undo = useCallback(() => service.undo(), [service]);\n const redo = useCallback(() => service.redo(), [service]);\n const clearHistory = useCallback(() => service.clearHistory(), [service]);\n const focus = useCallback(() => service.getAdapter()?.focus(), [service]);\n const setFocus = useCallback((focused: boolean) => service.setFocus(focused), [service]);\n const getPlainText = useCallback(() => service.getPlainText(), [service]);\n const setSelection = useCallback((sel: Selection | null) => service.setSelection(sel), [service]);\n\n return {\n service,\n content,\n state,\n isFocused,\n canUndo,\n canRedo,\n selectedFormats,\n selection: state.selection || null,\n isDirty: state.isDirty,\n\n insertText,\n insertParagraph,\n insertHeading,\n insertImage,\n uploadImage,\n insertMention,\n insertList,\n toggleMark,\n deleteContent,\n undo,\n redo,\n clearHistory,\n focus,\n setFocus,\n getPlainText,\n setSelection,\n };\n}\n","/**\n * @deprecated TableBuilder is a configuration builder, not a stateful service.\n * \n * For reactive table state management, use FiltersAndSortService instead:\n * \n * @example\n * ```tsx\n * import { createFiltersAndSortService } from '@codella-software/utils';\n * import { useFiltersAndSort } from '@codella-software/react';\n * \n * const service = createFiltersAndSortService({\n * storageKey: 'my-table',\n * initialState: { pagination: { page: 0, limit: 10 } }\n * });\n * \n * function MyTable() {\n * const { page, pageSize, filters, setFilter, setPage } = useFiltersAndSort({ service });\n * \n * // Fetch data with current state\n * const { data } = useQuery({\n * queryKey: ['data', page, pageSize, filters],\n * queryFn: () => fetchData({ page, pageSize, ...filters })\n * });\n * \n * // Build table config\n * const tableConfig = createTableBuilder()\n * .data(data?.items ?? [])\n * .totalRows(data?.total ?? 0)\n * .columns([...])\n * .filtersAndSort(service.getCurrentState(), service.getActions())\n * .build();\n * \n * return <DynamicTable config={tableConfig} />;\n * }\n * ```\n */\nexport function useTableService() {\n throw new Error(\n 'useTableService is deprecated. TableBuilder is a configuration builder, not a stateful service. ' +\n 'Use FiltersAndSortService with useFiltersAndSort hook for reactive state management. ' +\n 'See documentation: https://github.com/CodellaSoftware/codella-utils'\n );\n}\n","import type { TabChangeEvent, TabsConfig } from '@codella-software/utils/tabs';\nimport { TabsService } from '@codella-software/utils/tabs';\nimport React, { createContext, useContext, useEffect, useState } from 'react';\n\ninterface TabsContextValue {\n service: TabsService;\n activeTabId: string;\n tabs: ReturnType<TabsService['getTabs']>;\n}\n\nconst TabsContext = createContext<TabsContextValue | undefined>(undefined);\n\n/**\n * Props for TabsProvider\n */\nexport interface TabsProviderProps {\n config: TabsConfig;\n children: React.ReactNode;\n}\n\n/**\n * Tabs provider for React\n */\nexport function TabsProvider({ config, children }: TabsProviderProps) {\n const [service] = useState(() => new TabsService(config));\n const [activeTabId, setActiveTabId] = useState(() => service.getActiveTabId());\n const [tabs, setTabs] = useState(() => service.getTabs());\n\n useEffect(() => {\n const activeTabSubscription = service.getActiveTabId$().subscribe(setActiveTabId);\n const tabsSubscription = service.getTabs$().subscribe(setTabs);\n\n return () => {\n activeTabSubscription.unsubscribe();\n tabsSubscription.unsubscribe();\n };\n }, [service]);\n\n useEffect(() => {\n return () => {\n service.destroy();\n };\n }, [service]);\n\n return (\n <TabsContext.Provider value={{ service, activeTabId, tabs }}>\n {children}\n </TabsContext.Provider>\n );\n}\n\n/**\n * Hook to access tabs service from context\n */\nexport function useTabsContext(): TabsContextValue {\n const context = useContext(TabsContext);\n if (!context) {\n throw new Error('useTabsContext must be used within a TabsProvider');\n }\n return context;\n}\n\n/**\n * Hook to use tabs service directly\n */\nexport function useTabsService() {\n const { service } = useTabsContext();\n return service;\n}\n\n/**\n * Hook to get active tab\n */\nexport function useActiveTab() {\n const { service } = useTabsContext();\n const [activeTab, setActiveTab] = useState(() => service.getActiveTab());\n\n useEffect(() => {\n const subscription = service.getActiveTab$().subscribe(setActiveTab);\n return () => subscription.unsubscribe();\n }, [service]);\n\n return activeTab;\n}\n\n/**\n * Hook to get all tabs\n */\nexport function useTabs() {\n const { tabs } = useTabsContext();\n return tabs;\n}\n\n/**\n * Hook to listen to tab changes\n */\nexport function useTabChange() {\n const { service } = useTabsContext();\n const [changeEvent, setChangeEvent] = useState<TabChangeEvent | null>(null);\n\n useEffect(() => {\n const subscription = service.onTabChange$().subscribe(setChangeEvent);\n return () => subscription.unsubscribe();\n }, [service]);\n\n return changeEvent;\n}\n\n/**\n * Hook to set active tab\n */\nexport function useSetActiveTab() {\n const { service } = useTabsContext();\n return {\n setActiveTab: (tabId: string) => service.setActiveTab(tabId),\n setActiveTabByIndex: (index: number) => service.setActiveTabByIndex(index),\n nextTab: () => service.nextTab(),\n previousTab: () => service.previousTab(),\n };\n}\n"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { useTableService, type UseTableServiceOptions, type UseTableServiceReturn } from './useTableService';
1
+ export { useTableService } from './useTableService';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table-builder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table-builder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -1,93 +1,38 @@
1
- import { TableBuilderConfig } from '@codella-software/utils';
2
1
  /**
3
- * Hook options for useTableService
4
- */
5
- export interface UseTableServiceOptions<T extends Record<string, any>> {
6
- /** TableBuilder configuration */
7
- config: TableBuilderConfig<T>;
8
- /** Table data */
9
- data: T[];
10
- }
11
- /**
12
- * Hook return value for useTableService
13
- */
14
- export interface UseTableServiceReturn<T extends Record<string, any>> {
15
- /** Filtered and paginated data rows */
16
- rows: T[];
17
- /** Selected row IDs */
18
- selectedRows: string[];
19
- /** All rows selected flag */
20
- allSelected: boolean;
21
- /** Current page */
22
- currentPage: number;
23
- /** Page size */
24
- pageSize: number;
25
- /** Total pages */
26
- totalPages: number;
27
- /** Total item count */
28
- totalItems: number;
29
- /** Has next page */
30
- hasNextPage: boolean;
31
- /** Has previous page */
32
- hasPrevPage: boolean;
33
- /** Sort field */
34
- sortBy: string | null;
35
- /** Sort direction */
36
- sortDirection: 'asc' | 'desc' | null;
37
- /** Active filters */
38
- filters: Record<string, any>;
39
- /** Toggle row selection */
40
- toggleRowSelection: (rowId: string) => void;
41
- /** Toggle all rows selection */
42
- toggleAllSelection: () => void;
43
- /** Clear selection */
44
- clearSelection: () => void;
45
- /** Set sort */
46
- setSort: (field: string, direction: 'asc' | 'desc') => void;
47
- /** Toggle sort */
48
- toggleSort: (field: string) => void;
49
- /** Set filter */
50
- setFilter: (field: string, value: any) => void;
51
- /** Clear filter */
52
- clearFilter: (field: string) => void;
53
- /** Clear all filters */
54
- clearAllFilters: () => void;
55
- /** Set page */
56
- setPage: (page: number) => void;
57
- /** Set page size */
58
- setPageSize: (size: number) => void;
59
- /** Next page */
60
- nextPage: () => void;
61
- /** Previous page */
62
- prevPage: () => void;
63
- }
64
- /**
65
- * React hook that wraps TableBuilder for table state management
2
+ * @deprecated TableBuilder is a configuration builder, not a stateful service.
66
3
  *
67
- * @param options - Hook options including config and data
68
- * @returns Table state and control methods
4
+ * For reactive table state management, use FiltersAndSortService instead:
69
5
  *
70
6
  * @example
71
7
  * ```tsx
72
- * const config: TableBuilderConfig<User> = {
73
- * columns: [
74
- * { field: 'name', header: 'Name', sortable: true }
75
- * ]
76
- * };
8
+ * import { createFiltersAndSortService } from '@codella-software/utils';
9
+ * import { useFiltersAndSort } from '@codella-software/react';
10
+ *
11
+ * const service = createFiltersAndSortService({
12
+ * storageKey: 'my-table',
13
+ * initialState: { pagination: { page: 0, limit: 10 } }
14
+ * });
15
+ *
16
+ * function MyTable() {
17
+ * const { page, pageSize, filters, setFilter, setPage } = useFiltersAndSort({ service });
18
+ *
19
+ * // Fetch data with current state
20
+ * const { data } = useQuery({
21
+ * queryKey: ['data', page, pageSize, filters],
22
+ * queryFn: () => fetchData({ page, pageSize, ...filters })
23
+ * });
24
+ *
25
+ * // Build table config
26
+ * const tableConfig = createTableBuilder()
27
+ * .data(data?.items ?? [])
28
+ * .totalRows(data?.total ?? 0)
29
+ * .columns([...])
30
+ * .filtersAndSort(service.getCurrentState(), service.getActions())
31
+ * .build();
77
32
  *
78
- * function MyTable({ data }: { data: User[] }) {
79
- * const table = useTableService({ config, data });
80
- * return (
81
- * <table>
82
- * <tbody>
83
- * {table.rows.map(row => (
84
- * <tr key={row.id}><td>{row.name}</td></tr>
85
- * ))}
86
- * </tbody>
87
- * </table>
88
- * );
33
+ * return <DynamicTable config={tableConfig} />;
89
34
  * }
90
35
  * ```
91
36
  */
92
- export declare function useTableService<T extends Record<string, any>>(options: UseTableServiceOptions<T>): UseTableServiceReturn<T>;
37
+ export declare function useTableService(): void;
93
38
  //# sourceMappingURL=useTableService.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTableService.d.ts","sourceRoot":"","sources":["../../src/table-builder/useTableService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAG/E;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACnE,iCAAiC;IACjC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAE7B,iBAAiB;IACjB,IAAI,EAAE,CAAC,EAAE,CAAA;CACV;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAClE,uCAAuC;IACvC,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,uBAAuB;IACvB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,6BAA6B;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,iBAAiB;IACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,qBAAqB;IACrB,aAAa,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;IACpC,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,2BAA2B;IAC3B,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,gCAAgC;IAChC,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,sBAAsB;IACtB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3D,kBAAkB;IAClB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,iBAAiB;IACjB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9C,mBAAmB;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,wBAAwB;IACxB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,eAAe;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,oBAAoB;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,gBAAgB;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oBAAoB;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3D,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,GACjC,qBAAqB,CAAC,CAAC,CAAC,CA+G1B"}
1
+ {"version":3,"file":"useTableService.d.ts","sourceRoot":"","sources":["../../src/table-builder/useTableService.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,eAAe,SAM9B"}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=test-setup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codella-software/react",
3
- "version": "2.2.26",
3
+ "version": "2.3.0",
4
4
  "description": "React hooks for Codella core services (FormBuilder, TableBuilder, FiltersAndSort, RichContent)",
5
5
  "keywords": [
6
6
  "form-builder",
@@ -19,7 +19,7 @@
19
19
  "license": "MIT",
20
20
  "type": "module",
21
21
  "dependencies": {
22
- "@codella-software/utils": "^2.2.26"
22
+ "@codella-software/utils": "^2.3.0"
23
23
  },
24
24
  "exports": {
25
25
  ".": {
@@ -52,7 +52,8 @@
52
52
  "rxjs": "^7.0.0"
53
53
  },
54
54
  "devDependencies": {
55
- "@testing-library/jest-dom": "^6.4.0",
55
+ "@testing-library/jest-dom": "^6.9.1",
56
+ "@testing-library/react": "^15.0.7",
56
57
  "@types/node": "^22.0.0",
57
58
  "@types/react": "^18.3.0",
58
59
  "@vitejs/plugin-react": "^4.3.0",
@@ -1,67 +0,0 @@
1
- import { FiltersAndSortService } from '@codella-software/utils';
2
- /**
3
- * Hook options for useFiltersAndSort
4
- */
5
- export interface UseFiltersAndSortOptions {
6
- /** FiltersAndSortService instance */
7
- service: FiltersAndSortService;
8
- }
9
- /**
10
- * Hook return value for useFiltersAndSort
11
- */
12
- export interface UseFiltersAndSortReturn {
13
- /** Current filter state */
14
- filters: Record<string, any>;
15
- /** Current sort field */
16
- sortBy: string | null;
17
- /** Current sort direction */
18
- sortDirection: 'asc' | 'desc';
19
- /** Current page */
20
- page: number;
21
- /** Page size */
22
- pageSize: number;
23
- /** Set filter */
24
- setFilter: (key: string, value: any) => void;
25
- /** Clear specific filter */
26
- clearFilter: (key: string) => void;
27
- /** Clear all filters */
28
- clearAllFilters: () => void;
29
- /** Set sort */
30
- setSort: (field: string, direction: 'asc' | 'desc') => void;
31
- /** Toggle sort direction for field */
32
- toggleSort: (field: string) => void;
33
- /** Set page */
34
- setPage: (page: number) => void;
35
- /** Set page size */
36
- setPageSize: (size: number) => void;
37
- /** Go to next page */
38
- nextPage: () => void;
39
- /** Go to previous page */
40
- prevPage: () => void;
41
- }
42
- /**
43
- * React hook that wraps FiltersAndSortService
44
- *
45
- * @param options - Hook options including FiltersAndSortService instance
46
- * @returns Filters and sort state with control methods
47
- *
48
- * @example
49
- * ```tsx
50
- * const service = new FiltersAndSortService({ storageKey: 'my-filters' });
51
- *
52
- * function MyTable() {
53
- * const filters = useFiltersAndSort({ service });
54
- * return (
55
- * <div>
56
- * <input
57
- * value={filters.filters.name || ''}
58
- * onChange={(e) => filters.setFilter('name', e.target.value)}
59
- * />
60
- * <button onClick={() => filters.clearAllFilters()}>Clear</button>
61
- * </div>
62
- * );
63
- * }
64
- * ```
65
- */
66
- export declare function useFiltersAndSort(options: UseFiltersAndSortOptions): UseFiltersAndSortReturn;
67
- //# sourceMappingURL=useFiltersAndSort.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFiltersAndSort.d.ts","sourceRoot":"","sources":["../src/useFiltersAndSort.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAA2B,MAAM,yBAAyB,CAAA;AAGxF;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,qCAAqC;IACrC,OAAO,EAAE,qBAAqB,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,yBAAyB;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,6BAA6B;IAC7B,aAAa,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,iBAAiB;IACjB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC5C,4BAA4B;IAC5B,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,wBAAwB;IACxB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,eAAe;IACf,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC3D,sCAAsC;IACtC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,eAAe;IACf,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,oBAAoB;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,sBAAsB;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC,uBAAuB,CAmEzB"}
@@ -1,70 +0,0 @@
1
- import { FormBuilder } from '@codella-software/utils';
2
- /**
3
- * Hook options for useFormBuilder
4
- */
5
- export interface UseFormBuilderOptions<T extends Record<string, any>> {
6
- /** FormBuilder instance */
7
- builder: FormBuilder<T>;
8
- }
9
- /**
10
- * Hook return value for useFormBuilder
11
- */
12
- export interface UseFormBuilderReturn<T extends Record<string, any>> {
13
- /** Current form values */
14
- values: T;
15
- /** Form validation errors */
16
- errors: Record<string, string | undefined>;
17
- /** Form touched fields */
18
- touched: Record<string, boolean>;
19
- /** Current form step (for multi-step forms) */
20
- currentStep: number;
21
- /** Total form steps */
22
- totalSteps: number;
23
- /** Is form currently submitting */
24
- isSubmitting: boolean;
25
- /** Is form valid */
26
- isValid: boolean;
27
- /** Set field value */
28
- setFieldValue: (field: keyof T, value: any) => Promise<void>;
29
- /** Set field touched */
30
- setFieldTouched: (field: keyof T, touched: boolean) => void;
31
- /** Validate entire form */
32
- validate: () => Promise<Record<string, string | undefined>>;
33
- /** Submit form */
34
- submit: () => Promise<T | null>;
35
- /** Reset form to initial values */
36
- reset: () => void;
37
- /** Go to next step */
38
- nextStep: () => void;
39
- /** Go to previous step */
40
- prevStep: () => void;
41
- }
42
- /**
43
- * React hook that wraps FormBuilder and provides form state management
44
- *
45
- * @param options - Hook options including FormBuilder instance
46
- * @returns Form state and methods
47
- *
48
- * @example
49
- * ```tsx
50
- * const builder = new FormBuilder<{ name: string }>()
51
- * .addField({ name: 'name', type: 'text', label: 'Name' })
52
- * .build();
53
- *
54
- * function MyForm() {
55
- * const form = useFormBuilder({ builder });
56
- * return (
57
- * <form onSubmit={(e) => { e.preventDefault(); form.submit(); }}>
58
- * <input
59
- * value={form.values.name}
60
- * onChange={(e) => form.setFieldValue('name', e.target.value)}
61
- * />
62
- * {form.errors.name && <span>{form.errors.name}</span>}
63
- * <button type="submit">Submit</button>
64
- * </form>
65
- * );
66
- * }
67
- * ```
68
- */
69
- export declare function useFormBuilder<T extends Record<string, any>>(options: UseFormBuilderOptions<T>): UseFormBuilderReturn<T>;
70
- //# sourceMappingURL=useFormBuilder.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFormBuilder.d.ts","sourceRoot":"","sources":["../src/useFormBuilder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGrD;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAClE,2BAA2B;IAC3B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACjE,0BAA0B;IAC1B,MAAM,EAAE,CAAC,CAAA;IACT,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;IAC1C,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAChC,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,YAAY,EAAE,OAAO,CAAA;IACrB,oBAAoB;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,sBAAsB;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,wBAAwB;IACxB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3D,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IAC3D,kBAAkB;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;IAC/B,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,sBAAsB;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1D,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAChC,oBAAoB,CAAC,CAAC,CAAC,CAgEzB"}