@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.
- package/README.md +36 -4
- package/dist/index.cjs +0 -119
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +1 -120
- package/dist/index.mjs.map +1 -1
- package/dist/react/src/tabs/index.d.ts +5 -7
- package/dist/react/src/tabs/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/react/src/tabs/ResponsiveTabs.d.ts +0 -50
- package/dist/react/src/tabs/ResponsiveTabs.d.ts.map +0 -1
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @module @codella/react/tabs
|
|
3
3
|
*
|
|
4
|
-
* React hooks and
|
|
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
|
-
* -
|
|
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,
|
|
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
|
|
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,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"}
|