@codella-software/react 2.0.1 → 2.1.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,19 +1,18 @@
1
1
  /**
2
2
  * @module @codella/react/tabs
3
3
  *
4
- * React hooks and components for tabs service.
4
+ * React hooks and provider for tabs service.
5
5
  *
6
6
  * ## Features
7
7
  *
8
8
  * - TabsProvider for state management
9
9
  * - Hooks for accessing tabs service
10
- * - Responsive Tabs component (desktop/mobile)
11
- * - Auto-switching between tabs and select
10
+ * - Observable-based state management with RxJS
12
11
  *
13
12
  * ## Usage
14
13
  *
15
14
  * ```tsx
16
- * import { TabsProvider, ResponsiveTabs, useSetActiveTab } from '@codella/react/tabs';
15
+ * import { TabsProvider, useSetActiveTab } from '@codella/react/tabs';
17
16
  *
18
17
  * function MyApp() {
19
18
  * return (
@@ -24,17 +23,16 @@
24
23
  * ],
25
24
  * enableUrlRouting: true
26
25
  * }}>
27
- * <ResponsiveTabs />
28
26
  * <MyTabContent />
29
27
  * </TabsProvider>
30
28
  * );
31
29
  * }
32
30
  * ```
33
31
  *
32
+ * For responsive tab components, use the CLI template system to generate ready-made components.
33
+ *
34
34
  * @packageDocumentation
35
35
  */
36
36
  export { TabsProvider, useActiveTab, useSetActiveTab, useTabChange, useTabs, useTabsContext, useTabsService } from './useTabsHooks';
37
37
  export type { TabsProviderProps } from './useTabsHooks';
38
- export { ResponsiveTabs, TabsList, TabsSelect } from './ResponsiveTabs';
39
- export type { TabsComponentProps } from './ResponsiveTabs';
40
38
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codella-software/react",
3
- "version": "2.0.1",
3
+ "version": "2.1.0",
4
4
  "description": "React hooks for Codella core services",
5
5
  "keywords": [
6
6
  "form-builder",
@@ -1,50 +0,0 @@
1
- import { TabItem } from '../../../core/src/tabs';
2
- /**
3
- * Props for TabsComponent
4
- */
5
- export interface TabsComponentProps {
6
- className?: string;
7
- tabClassName?: string;
8
- activeTabClassName?: string;
9
- selectClassName?: string;
10
- breakpoint?: number;
11
- showBadges?: boolean;
12
- icon?: boolean;
13
- }
14
- /**
15
- * Responsive Tabs component that switches to Select on smaller screens
16
- *
17
- * Features:
18
- * - Tabs on desktop (> breakpoint)
19
- * - Select dropdown on mobile (< breakpoint)
20
- * - Badge support
21
- * - Icon support
22
- * - Fully customizable with className props
23
- */
24
- export declare function ResponsiveTabs({ className, tabClassName, activeTabClassName, selectClassName, breakpoint, showBadges, icon, }: TabsComponentProps): import("react/jsx-runtime").JSX.Element | null;
25
- /**
26
- * Tabs List component (desktop view)
27
- */
28
- interface TabsListProps {
29
- tabs: TabItem[];
30
- activeTabId: string;
31
- onTabChange: (tabId: string) => void;
32
- className?: string;
33
- tabClassName?: string;
34
- activeTabClassName?: string;
35
- showBadges?: boolean;
36
- icon?: boolean;
37
- }
38
- declare function TabsList({ tabs, activeTabId, onTabChange, className, tabClassName, activeTabClassName, showBadges, icon, }: TabsListProps): import("react/jsx-runtime").JSX.Element;
39
- /**
40
- * Tabs Select component (mobile view)
41
- */
42
- interface TabsSelectProps {
43
- tabs: TabItem[];
44
- activeTabId: string;
45
- onTabChange: (tabId: string) => void;
46
- className?: string;
47
- }
48
- declare function TabsSelect({ tabs, activeTabId, onTabChange, className, }: TabsSelectProps): import("react/jsx-runtime").JSX.Element;
49
- export { TabsList, TabsSelect };
50
- //# sourceMappingURL=ResponsiveTabs.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}