@codella-software/react 2.0.1 → 2.2.0

package/dist/react/src/index.d.ts

@@ -41,6 +41,7 @@
 export { useFiltersAndSort, type UseFiltersAndSortOptions, type UseFiltersAndSortReturn } from './filters-and-sort';
 export { useFormBuilder, type UseFormBuilderOptions, type UseFormBuilderReturn } from './form-builder';
 export * from './live-updates';
+export * from './rich-content';
 export { useTableService, type UseTableServiceOptions, type UseTableServiceReturn } from './table-builder';
 export * from './tabs';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,KAAK,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AACnH,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACtG,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC1G,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,KAAK,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AACnH,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACtG,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,KAAK,sBAAsB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC1G,cAAc,QAAQ,CAAA"}

package/dist/react/src/rich-content/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * RichContent React hook
+ */
+export { useRichContent, type UseRichContentOptions, type UseRichContentReturn } from './useRichContent';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/src/rich-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/rich-content/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/react/src/rich-content/useRichContent.d.ts

@@ -0,0 +1,70 @@
+import { ContentEditableAdapter, DocumentNode, MarkType, RichContentConfig, RichContentService, RichContentState, Selection } from '../../../core/src/rich-content';
+/**
+ * Hook options for useRichContent
+ */
+export interface UseRichContentOptions extends RichContentConfig {
+    /** DOM element ref for contentEditable */
+    editorRef?: React.RefObject<HTMLElement>;
+    /** Custom adapter instance */
+    adapter?: ContentEditableAdapter;
+}
+/**
+ * Hook return value for useRichContent
+ */
+export interface UseRichContentReturn {
+    /** Service instance */
+    service: RichContentService;
+    /** Current document content */
+    content: DocumentNode;
+    /** Full state object */
+    state: RichContentState;
+    /** Current editor focus state */
+    isFocused: boolean;
+    /** Can undo */
+    canUndo: boolean;
+    /** Can redo */
+    canRedo: boolean;
+    /** Active mark types */
+    selectedFormats: Set<MarkType>;
+    /** Current selection */
+    selection: Selection | null;
+    /** Is dirty (has unsaved changes) */
+    isDirty: boolean;
+    /** Insert text */
+    insertText: (text: string) => void;
+    /** Insert paragraph */
+    insertParagraph: () => void;
+    /** Insert heading */
+    insertHeading: (level: 1 | 2 | 3 | 4 | 5 | 6) => void;
+    /** Insert image */
+    insertImage: (url: string) => void;
+    /** Upload image file */
+    uploadImage: (file: File) => Promise<void>;
+    /** Insert mention */
+    insertMention: (id: string, label: string) => void;
+    /** Insert list */
+    insertList: (type: 'ordered' | 'unordered') => void;
+    /** Toggle mark */
+    toggleMark: (mark: MarkType) => void;
+    /** Delete content */
+    deleteContent: () => void;
+    /** Undo */
+    undo: () => void;
+    /** Redo */
+    redo: () => void;
+    /** Clear history */
+    clearHistory: () => void;
+    /** Focus editor */
+    focus: () => void;
+    /** Set focus state */
+    setFocus: (focused: boolean) => void;
+    /** Get plain text */
+    getPlainText: () => string;
+    /** Set selection */
+    setSelection: (selection: Selection | null) => void;
+}
+/**
+ * React hook that wraps RichContentService and manages state subscriptions
+ */
+export declare function useRichContent(options?: UseRichContentOptions): UseRichContentReturn;
+//# sourceMappingURL=useRichContent.d.ts.map

package/dist/react/src/rich-content/useRichContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichContent.d.ts","sourceRoot":"","sources":["../../../../src/rich-content/useRichContent.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,SAAS,EACV,MAAM,4BAA4B,CAAC;AAGpC;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,0CAA0C;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,uBAAuB;IACvB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,+BAA+B;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,wBAAwB;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,iCAAiC;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,eAAe,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC/B,wBAAwB;IACxB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,qCAAqC;IACrC,OAAO,EAAE,OAAO,CAAC;IAGjB,kBAAkB;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uBAAuB;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,qBAAqB;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,mBAAmB;IACnB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,qBAAqB;IACrB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,kBAAkB;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,kBAAkB;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,qBAAqB;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW;IACX,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,WAAW;IACX,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,oBAAoB;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,sBAAsB;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,qBAAqB;IACrB,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,oBAAoB;IACpB,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,qBAA0B,GAAG,oBAAoB,CAsGxF"}

package/dist/react/src/tabs/index.d.ts

@@ -1,19 +1,18 @@
 /**
  * @module @codella/react/tabs
  *
- * React hooks and components for tabs service.
+ * React hooks and provider for tabs service.
  *
  * ## Features
  *
  * - TabsProvider for state management
  * - Hooks for accessing tabs service
- * - Responsive Tabs component (desktop/mobile)
- * - Auto-switching between tabs and select
+ * - Observable-based state management with RxJS
  *
  * ## Usage
  *
  * ```tsx
- * import { TabsProvider, ResponsiveTabs, useSetActiveTab } from '@codella/react/tabs';
+ * import { TabsProvider, useSetActiveTab } from '@codella/react/tabs';
  *
  * function MyApp() {
  *   return (
@@ -24,17 +23,16 @@
  *       ],
  *       enableUrlRouting: true
  *     }}>
- *       <ResponsiveTabs />
  *       <MyTabContent />
  *     </TabsProvider>
  *   );
  * }
  * ```
  *
+ * For responsive tab components, use the CLI template system to generate ready-made components.
+ *
  * @packageDocumentation
  */
 export { TabsProvider, useActiveTab, useSetActiveTab, useTabChange, useTabs, useTabsContext, useTabsService } from './useTabsHooks';
 export type { TabsProviderProps } from './useTabsHooks';
-export { ResponsiveTabs, TabsList, TabsSelect } from './ResponsiveTabs';
-export type { TabsComponentProps } from './ResponsiveTabs';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/src/tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACpI,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACpI,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codella-software/react",
-  "version": "2.0.1",
-  "description": "React hooks for Codella core services",
+  "version": "2.2.0",
+  "description": "React hooks for Codella core services (FormBuilder, TableBuilder, FiltersAndSort, RichContent)",
   "keywords": [
     "form-builder",
     "table-builder",

package/dist/react/src/tabs/ResponsiveTabs.d.ts

@@ -1,50 +0,0 @@
-import { TabItem } from '../../../core/src/tabs';
-/**
- * Props for TabsComponent
- */
-export interface TabsComponentProps {
-    className?: string;
-    tabClassName?: string;
-    activeTabClassName?: string;
-    selectClassName?: string;
-    breakpoint?: number;
-    showBadges?: boolean;
-    icon?: boolean;
-}
-/**
- * Responsive Tabs component that switches to Select on smaller screens
- *
- * Features:
- * - Tabs on desktop (> breakpoint)
- * - Select dropdown on mobile (< breakpoint)
- * - Badge support
- * - Icon support
- * - Fully customizable with className props
- */
-export declare function ResponsiveTabs({ className, tabClassName, activeTabClassName, selectClassName, breakpoint, showBadges, icon, }: TabsComponentProps): import("react/jsx-runtime").JSX.Element | null;
-/**
- * Tabs List component (desktop view)
- */
-interface TabsListProps {
-    tabs: TabItem[];
-    activeTabId: string;
-    onTabChange: (tabId: string) => void;
-    className?: string;
-    tabClassName?: string;
-    activeTabClassName?: string;
-    showBadges?: boolean;
-    icon?: boolean;
-}
-declare function TabsList({ tabs, activeTabId, onTabChange, className, tabClassName, activeTabClassName, showBadges, icon, }: TabsListProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Tabs Select component (mobile view)
- */
-interface TabsSelectProps {
-    tabs: TabItem[];
-    activeTabId: string;
-    onTabChange: (tabId: string) => void;
-    className?: string;
-}
-declare function TabsSelect({ tabs, activeTabId, onTabChange, className, }: TabsSelectProps): import("react/jsx-runtime").JSX.Element;
-export { TabsList, TabsSelect };
-//# sourceMappingURL=ResponsiveTabs.d.ts.map

package/dist/react/src/tabs/ResponsiveTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveTabs.d.ts","sourceRoot":"","sources":["../../../../src/tabs/ResponsiveTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAIlD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAc,EACd,YAAiB,EACjB,kBAAuB,EACvB,eAAoB,EACpB,UAAgB,EAChB,UAAiB,EACjB,IAAW,GACZ,EAAE,kBAAkB,kDA2CpB;AAED;;GAEG;AACH,UAAU,aAAa;IACrB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,SAAc,EACd,YAAiB,EACjB,kBAAuB,EACvB,UAAiB,EACjB,IAAW,GACZ,EAAE,aAAa,2CAoCf;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,SAAc,GACf,EAAE,eAAe,2CAuBjB;AAED,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC"}