react-native-elearn-ui 0.1.42 → 0.1.43

package/lib/module/screens/notes/NotesTopicScreen.js

@@ -0,0 +1,198 @@
+"use strict";
+
+import React from 'react';
+import { View, ScrollView, StyleSheet, TouchableOpacity } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useTheme } from "../../context/ThemeContext.js";
+import { Typography, Icon } from "../../components/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NotesTopicScreen = ({
+  title = 'BNS/MD',
+  recentlyAdded,
+  allTopics,
+  onBack,
+  onPressSearch,
+  onPressTopic
+}) => {
+  const theme = useTheme();
+  const renderTopicCard = (item, isRecentlyAdded) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: styles.topicCard,
+    activeOpacity: 0.8,
+    onPress: () => onPressTopic?.(item.id),
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.topicCardLeft,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.iconContainer,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "file-text",
+          size: 20,
+          color: theme.primary
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h3",
+        color: theme.textPrimary,
+        style: styles.topicTitle,
+        children: item.title
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.topicCardRight,
+      children: isRecentlyAdded && item.isCompleted ? /*#__PURE__*/_jsx(Icon, {
+        name: "check",
+        size: 20,
+        color: theme.success
+      }) : /*#__PURE__*/_jsx(Icon, {
+        name: "chevron-right",
+        size: 20,
+        color: theme.textSecondary
+      })
+    })]
+  }, item.id);
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: [styles.safeArea, {
+      backgroundColor: '#F9FAFB'
+    }],
+    edges: ['top', 'bottom'],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.headerBtnLeft,
+        onPress: onBack,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "chevron-left",
+          size: 24,
+          color: theme.textPrimary
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h2",
+        bold: true,
+        color: theme.textPrimary,
+        style: styles.headerTitle,
+        children: title
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.headerBtnRight,
+        onPress: onPressSearch,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "search",
+          size: 22,
+          color: theme.textPrimary
+        })
+      })]
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      style: {
+        flex: 1
+      },
+      contentContainerStyle: styles.scrollContent,
+      showsVerticalScrollIndicator: false,
+      children: [recentlyAdded && recentlyAdded.length > 0 && /*#__PURE__*/_jsxs(View, {
+        style: styles.section,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "caption",
+          color: theme.textSecondary,
+          style: styles.sectionHeader,
+          children: "RECENTLY ADDED"
+        }), recentlyAdded.map(topic => renderTopicCard(topic, true))]
+      }), allTopics && allTopics.length > 0 && /*#__PURE__*/_jsxs(View, {
+        style: [styles.section, {
+          marginTop: 24
+        }],
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: "caption",
+          color: theme.textSecondary,
+          style: styles.sectionHeader,
+          children: "ALL TOPICS"
+        }), allTopics.map(topic => renderTopicCard(topic, false))]
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+    borderBottomWidth: 1,
+    borderBottomColor: '#F1F5F9'
+  },
+  headerBtnLeft: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-start'
+  },
+  headerBtnRight: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-end'
+  },
+  headerTitle: {
+    flex: 1,
+    textAlign: 'center',
+    fontSize: 18
+  },
+  scrollContent: {
+    padding: 16,
+    paddingBottom: 40
+  },
+  section: {
+    width: '100%'
+  },
+  sectionHeader: {
+    fontSize: 12,
+    letterSpacing: 0.5,
+    marginBottom: 12,
+    fontWeight: '600',
+    textTransform: 'uppercase'
+  },
+  topicCard: {
+    backgroundColor: '#FFFFFF',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    borderRadius: 12,
+    marginBottom: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    elevation: 2,
+    borderWidth: 1,
+    borderColor: '#F1F5F9'
+  },
+  topicCardLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1
+  },
+  iconContainer: {
+    width: 40,
+    height: 40,
+    borderRadius: 8,
+    backgroundColor: '#F8FAFC',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 16,
+    borderWidth: 1,
+    borderColor: '#E2E8F0'
+  },
+  topicTitle: {
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  topicCardRight: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=NotesTopicScreen.js.map

package/lib/module/screens/notes/NotesTopicScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ScrollView","StyleSheet","TouchableOpacity","SafeAreaView","useTheme","Typography","Icon","jsx","_jsx","jsxs","_jsxs","NotesTopicScreen","title","recentlyAdded","allTopics","onBack","onPressSearch","onPressTopic","theme","renderTopicCard","item","isRecentlyAdded","style","styles","topicCard","activeOpacity","onPress","id","children","topicCardLeft","iconContainer","name","size","color","primary","variant","textPrimary","topicTitle","topicCardRight","isCompleted","success","textSecondary","safeArea","backgroundColor","edges","header","headerBtnLeft","bold","headerTitle","headerBtnRight","flex","contentContainerStyle","scrollContent","showsVerticalScrollIndicator","length","section","sectionHeader","map","topic","marginTop","create","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","width","height","textAlign","fontSize","padding","paddingBottom","letterSpacing","marginBottom","fontWeight","textTransform","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderWidth","borderColor","marginRight"],"sourceRoot":"../../../../src","sources":["screens/notes/NotesTopicScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/notes/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./NotesTopicScreen.js";
+export * from "./NotesSubTopicScreen.js";
+export * from "./NotesDetailScreen.js";
+//# sourceMappingURL=index.js.map

package/lib/module/screens/notes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["screens/notes/index.ts"],"mappings":";;AAAA,cAAc,uBAAoB;AAClC,cAAc,0BAAuB;AACrC,cAAc,wBAAqB","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -3,5 +3,5 @@ export * from './context/ThemeContext.js';
 export { ElearnConfigProvider, useElearnConfig, ThemeProvider, useTheme, DEFAULT_THEME, DEFAULT_STRINGS, } from './context/ElearnConfigContext.js';
 export { Typography, Button, Card, ProgressBar, CircularProgress, Icon, } from './components/index.js';
 export type { IconName } from './components/index.js';
-export { HomeScreen, QBankTopicScreen, QBankSubTopicScreen, QBankQuestionScreen, QBankSuccessScreen, QBankOverviewScreen, } from './screens/index.js';
+export { HomeScreen, QBankTopicScreen, QBankSubTopicScreen, QBankQuestionScreen, QBankSuccessScreen, QBankOverviewScreen, NotesTopicScreen, NotesSubTopicScreen, NotesDetailScreen, } from './screens/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,kBAAS,CAAC;AACxB,cAAc,2BAAwB,CAAC;AAGvC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,kCAA+B,CAAC;AAGvC,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,GACL,MAAM,uBAAc,CAAC;AACtB,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAc,CAAC;AAG7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,oBAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,kBAAS,CAAC;AACxB,cAAc,2BAAwB,CAAC;AAGvC,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,kCAA+B,CAAC;AAGvC,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,GACL,MAAM,uBAAc,CAAC;AACtB,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAc,CAAC;AAG7C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,oBAAW,CAAC"}

package/lib/typescript/src/screens/index.d.ts

@@ -4,4 +4,5 @@ export { QBankSubTopicScreen } from './qbank/QBankSubTopicScreen.js';
 export { QBankQuestionScreen } from './qbank/QBankQuestionScreen.js';
 export { QBankSuccessScreen } from './qbank/QBankSuccessScreen.js';
 export { QBankOverviewScreen } from './qbank/QBankOverviewScreen.js';
+export * from './notes/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/screens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAA6B,CAAC;AAClE,cAAc,kBAAS,CAAC"}

package/lib/typescript/src/screens/notes/NotesDetailScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotesDetailScreenProps } from '../../types/index.js';
+export declare const NotesDetailScreen: React.FC<NotesDetailScreenProps>;
+//# sourceMappingURL=NotesDetailScreen.d.ts.map

package/lib/typescript/src/screens/notes/NotesDetailScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesDetailScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/notes/NotesDetailScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAa,CAAC;AAE1D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAkH9D,CAAC"}

package/lib/typescript/src/screens/notes/NotesSubTopicScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotesSubTopicScreenProps } from '../../types/index.js';
+export declare const NotesSubTopicScreen: React.FC<NotesSubTopicScreenProps>;
+//# sourceMappingURL=NotesSubTopicScreen.d.ts.map

package/lib/typescript/src/screens/notes/NotesSubTopicScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesSubTopicScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/notes/NotesSubTopicScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,wBAAwB,EAAwB,MAAM,sBAAa,CAAC;AAElF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4DlE,CAAC"}

package/lib/typescript/src/screens/notes/NotesTopicScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NotesTopicScreenProps } from '../../types/index.js';
+export declare const NotesTopicScreen: React.FC<NotesTopicScreenProps>;
+//# sourceMappingURL=NotesTopicScreen.d.ts.map

package/lib/typescript/src/screens/notes/NotesTopicScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesTopicScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/notes/NotesTopicScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,qBAAqB,EAAc,MAAM,sBAAa,CAAC;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyE5D,CAAC"}

package/lib/typescript/src/screens/notes/index.d.ts

@@ -0,0 +1,4 @@
+export * from './NotesTopicScreen.js';
+export * from './NotesSubTopicScreen.js';
+export * from './NotesDetailScreen.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/screens/notes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/screens/notes/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAoB,CAAC;AACnC,cAAc,0BAAuB,CAAC;AACtC,cAAc,wBAAqB,CAAC"}

package/lib/typescript/src/types/index.d.ts

@@ -286,4 +286,53 @@ export interface QBankSubTopicParams {
     };
     sections: QBankSubTopicSection[];
 }
+export interface NotesTopic {
+    id: string;
+    title: string;
+    icon?: string;
+    isCompleted?: boolean;
+}
+export interface NotesTopicScreenProps {
+    title?: string;
+    recentlyAdded: NotesTopic[];
+    allTopics: NotesTopic[];
+    onBack?: () => void;
+    onPressSearch?: () => void;
+    onPressTopic?: (topicId: string) => void;
+}
+export interface NotesSubTopic {
+    id: string;
+    title: string;
+    isLocked?: boolean;
+}
+export interface NotesSubTopicSection {
+    id: string;
+    title: string;
+    subTopics: NotesSubTopic[];
+}
+export interface NotesSubTopicScreenProps {
+    topicTitle: string;
+    sections: NotesSubTopicSection[];
+    onBack?: () => void;
+    onPressFilter?: () => void;
+    onPressSubTopic?: (subTopicId: string) => void;
+}
+export interface NotesDetailContent {
+    title: string;
+    description: string;
+}
+export interface NotesDetailScreenProps {
+    topicTitle: string;
+    sectionTitle: string;
+    currentProgress: number;
+    totalProgress: number;
+    subTopicTitle: string;
+    content: NotesDetailContent[];
+    isCompleted?: boolean;
+    onBack?: () => void;
+    onPressGroup?: () => void;
+    onToggleComplete?: (isComplete: boolean) => void;
+    onPressPrev?: () => void;
+    onPressNext?: () => void;
+}
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAE5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAG7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B;AAGD,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE;QAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC/C;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;KAC3B,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE;QACT,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,gBAAgB,CAAC,EAAE,KAAK,CAAC;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,kBAAkB,EAAE,MAAM,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QACzB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;IACH,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,UAAU,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAChD,QAAQ,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAC9C,UAAU,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAChD,gBAAgB,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;KACvD,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QACT,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,EAAE,CAAC;KACvC,CAAC;CACH;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,KAAK,CAAC;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,kBAAkB,EAAE,MAAM,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QACzB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;IACxC,aAAa,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,WAAW,CAAC;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,mBAAmB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC5C;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,QAAQ,EAAE,oBAAoB,EAAE,CAAC;CAClC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-elearn-ui",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "description": "Enterprise E-Learning UI library for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/index.tsx

@@ -31,4 +31,7 @@ export {
   QBankQuestionScreen,
   QBankSuccessScreen,
   QBankOverviewScreen,
+  NotesTopicScreen,
+  NotesSubTopicScreen,
+  NotesDetailScreen,
 } from './screens';

package/src/screens/index.ts

@@ -4,3 +4,4 @@ export { QBankSubTopicScreen } from './qbank/QBankSubTopicScreen';
 export { QBankQuestionScreen } from './qbank/QBankQuestionScreen';
 export { QBankSuccessScreen } from './qbank/QBankSuccessScreen';
 export { QBankOverviewScreen } from './qbank/QBankOverviewScreen';
+export * from './notes';

package/src/screens/notes/NotesDetailScreen.tsx

@@ -0,0 +1,260 @@
+import React from 'react';
+import {
+  View,
+  ScrollView,
+  StyleSheet,
+  TouchableOpacity,
+} from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useTheme } from '../../context/ThemeContext';
+import { Typography, Icon } from '../../components';
+import type { NotesDetailScreenProps } from '../../types';
+
+export const NotesDetailScreen: React.FC<NotesDetailScreenProps> = ({
+  topicTitle,
+  sectionTitle,
+  currentProgress,
+  totalProgress,
+  subTopicTitle,
+  content,
+  isCompleted = false,
+  onBack,
+  onPressGroup,
+  onToggleComplete,
+  onPressPrev,
+  onPressNext,
+}) => {
+  const theme = useTheme();
+
+  const progressPercentage = totalProgress > 0 ? (currentProgress / totalProgress) * 100 : 0;
+
+  return (
+    <SafeAreaView style={[styles.safeArea, { backgroundColor: '#FFFFFF' }]} edges={['top', 'bottom']}>
+      {/* Header */}
+      <View style={styles.header}>
+        <TouchableOpacity style={styles.headerBtnLeft} onPress={onBack}>
+          <Icon name="chevron-left" size={24} color={theme.textPrimary} />
+        </TouchableOpacity>
+        <Typography variant="h2" bold color={theme.textPrimary} style={styles.headerTitle}>
+          {topicTitle}
+        </Typography>
+        <TouchableOpacity style={styles.headerBtnRight} onPress={onPressGroup}>
+          <Icon name="users" size={20} color={theme.textPrimary} />
+        </TouchableOpacity>
+      </View>
+
+      {/* Progress Bar */}
+      <View style={styles.progressBarContainer}>
+        <View style={[styles.progressFill, { width: `${progressPercentage}%`, backgroundColor: theme.success }]} />
+      </View>
+
+      <ScrollView style={{ flex: 1 }} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
+        {/* Section Header */}
+        <View style={styles.sectionHeaderRow}>
+          <View style={styles.sectionHeaderLeft}>
+            <View style={[styles.dot, { backgroundColor: theme.success }]} />
+            <Typography variant="caption" color={theme.textSecondary} style={styles.sectionTitle}>
+              {sectionTitle}
+            </Typography>
+          </View>
+          <Typography variant="caption" color={theme.textPrimary} style={styles.progressText}>
+            {currentProgress}/{totalProgress}
+          </Typography>
+        </View>
+
+        {/* Sub Topic Title */}
+        <Typography variant="h3" color={theme.textPrimary} style={styles.subTopicTitle}>
+          {subTopicTitle}
+        </Typography>
+
+        {/* Content */}
+        <View style={styles.contentContainer}>
+          {content && content.map((item, index) => (
+            <View key={index} style={styles.bulletItem}>
+              <Typography variant="body" color={theme.textPrimary} style={styles.bulletDot}>
+                •
+              </Typography>
+              <Typography variant="body" color={theme.textSecondary} style={styles.bulletText}>
+                <Typography variant="body" bold color={theme.textPrimary}>
+                  {item.title}
+                </Typography>{' '}
+                {item.description}
+              </Typography>
+            </View>
+          ))}
+        </View>
+      </ScrollView>
+
+      {/* Footer */}
+      <View style={styles.footer}>
+        <TouchableOpacity 
+          style={styles.completeToggle} 
+          activeOpacity={0.8}
+          onPress={() => onToggleComplete?.(!isCompleted)}
+        >
+          <View style={[
+            styles.checkbox,
+            { backgroundColor: isCompleted ? theme.success : '#FFFFFF', borderColor: isCompleted ? theme.success : '#D1D5DB' }
+          ]}>
+            {isCompleted && <Icon name="check" size={14} color="#FFFFFF" />}
+          </View>
+          <Typography variant="body" color={theme.textPrimary} style={styles.completeText}>
+            Mark as Complete
+          </Typography>
+        </TouchableOpacity>
+
+        <View style={styles.navButtons}>
+          <TouchableOpacity 
+            style={styles.navBtn} 
+            onPress={onPressPrev}
+          >
+            <Typography variant="body" bold color={theme.textSecondary}>
+              Prev
+            </Typography>
+          </TouchableOpacity>
+          <TouchableOpacity 
+            style={[styles.navBtn, styles.nextBtn, { backgroundColor: theme.success }]} 
+            onPress={onPressNext}
+          >
+            <Typography variant="body" bold color="#FFFFFF">
+              Next
+            </Typography>
+          </TouchableOpacity>
+        </View>
+      </View>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    backgroundColor: '#FFFFFF',
+  },
+  headerBtnLeft: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+  },
+  headerBtnRight: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+  },
+  headerTitle: {
+    flex: 1,
+    textAlign: 'center',
+    fontSize: 18,
+  },
+  progressBarContainer: {
+    width: '100%',
+    height: 4,
+    backgroundColor: '#E2E8F0',
+  },
+  progressFill: {
+    height: '100%',
+  },
+  scrollContent: {
+    padding: 20,
+    paddingBottom: 40,
+  },
+  sectionHeaderRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 20,
+  },
+  sectionHeaderLeft: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  dot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    marginRight: 8,
+  },
+  sectionTitle: {
+    fontSize: 12,
+    letterSpacing: 0.5,
+    fontWeight: '600',
+    textTransform: 'uppercase',
+  },
+  progressText: {
+    fontSize: 14,
+    fontWeight: '600',
+  },
+  subTopicTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    lineHeight: 24,
+    marginBottom: 24,
+  },
+  contentContainer: {
+    width: '100%',
+  },
+  bulletItem: {
+    flexDirection: 'row',
+    marginBottom: 16,
+  },
+  bulletDot: {
+    marginRight: 8,
+    marginTop: -2,
+    fontSize: 16,
+  },
+  bulletText: {
+    flex: 1,
+    lineHeight: 22,
+    fontSize: 14,
+  },
+  footer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    backgroundColor: '#FFFFFF',
+    borderTopWidth: 1,
+    borderTopColor: '#F1F5F9',
+  },
+  completeToggle: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderRadius: 4,
+    borderWidth: 2,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 10,
+  },
+  completeText: {
+    fontSize: 14,
+    fontWeight: '500',
+  },
+  navButtons: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  navBtn: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  nextBtn: {
+    borderRadius: 6,
+    marginLeft: 12,
+  },
+});