@campxdev/react-native-blueprint 0.1.23 → 0.1.24

package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js

@@ -0,0 +1,283 @@
+"use strict";
+
+// @ts-nocheck
+import { View, ScrollView } from 'react-native';
+import { Greeting } from "../../../components/DataDisplay/Greeting/Greeting.js";
+import { Banner } from "../../../components/DataDisplay/Banner/Banner.js";
+import { Card } from "../../../components/DataDisplay/Card/Card.js";
+import { FeedCard } from "../../../components/DataDisplay/FeedCard/FeedCard.js";
+import { Text } from "../../../components/Input/Text/Text.js";
+import { Button } from "../../../components/Input/Button/Button.js";
+
+/* ============================================================================
+ * Types
+ * ============================================================================ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* ============================================================================
+ * Component
+ * ============================================================================ */
+
+/**
+ * HomeStudentPattern Component
+ *
+ * A comprehensive student home screen layout pattern that displays:
+ * - Personalized greeting with schedule quick access
+ * - Action center for pending items
+ * - Next class preparation section
+ * - Quick access dashboard (Attendance, Payments, Scores, Services)
+ * - Campus life shortcuts (Clubs, Events)
+ * - Mentor information
+ * - Announcements feed
+ *
+ * @example
+ * ```tsx
+ * <HomeStudentPattern
+ *   showGreeting={true}
+ *   showActionCenter={true}
+ *   showNextClass={true}
+ *   showQuickAccess={true}
+ *   showAnnouncements={true}
+ * />
+ * ```
+ */
+export function HomeStudentPattern({
+  // Header section
+  showGreeting = true,
+  greetingUserName = 'Marshall',
+  greetingText = 'Good Morning',
+  greetingSubtitle = 'You have 3 Classes today',
+  _showScheduleButton = true,
+  onSchedulePress,
+  // Action Center section
+  showActionCenter = true,
+  actionCenterTitle = 'Action Center',
+  actionCenterSubtitle = 'Actions that need your attention',
+  actionCenterItems = ['Fee Due', 'Feedback Submission Pending'],
+  // Next Class section
+  showNextClass = true,
+  nextClassTitle = 'Microprocessors Lab',
+  nextClassTime = '10:00 AM - 11:00 AM',
+  showCourseButton = true,
+  showResourcesButton = true,
+  // Quick Access section
+  showQuickAccess = true,
+  quickAccessItems = [{
+    title: 'Attendance',
+    subtitle: '84.6 %'
+  }, {
+    title: 'Payments',
+    subtitle: 'No Dues'
+  }, {
+    title: 'Exam Scores',
+    subtitle: 'CGPA : 7.2'
+  }, {
+    title: 'Services',
+    subtitle: '1 Active'
+  }],
+  // Campus Life section
+  showCampusLife = true,
+  // Mentor section
+  showMentor = true,
+  mentorName = 'Dr. Dre',
+  mentorTitle = 'Professor, CSE Department',
+  // Announcements section
+  showAnnouncements = true,
+  announcementTitle = 'Examination Timetable Out',
+  announcementAuthor = 'CSE HOD',
+  announcementContent = 'Examination Timetable has been updated and Published. Students are requested to register before 24th of this Month.',
+  // Styling
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(ScrollView, {
+    testID: testID ?? 'home-student-pattern',
+    style: style,
+    className: "flex-1 bg-surface-page",
+    showsVerticalScrollIndicator: false,
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "gap-8 py-5 px-5",
+      children: [showGreeting && /*#__PURE__*/_jsx(View, {
+        className: "gap-4",
+        children: /*#__PURE__*/_jsx(Greeting, {
+          userName: greetingUserName,
+          greetingText: greetingText,
+          subtitle: greetingSubtitle,
+          ctaLayout: "icon",
+          showNextUp: false,
+          onSchedulePress: onSchedulePress
+        })
+      }), showActionCenter && /*#__PURE__*/_jsx(View, {
+        className: "gap-4",
+        children: /*#__PURE__*/_jsx(Banner, {
+          style: "solid",
+          title: actionCenterTitle,
+          subtitle: actionCenterSubtitle,
+          showBadge: true,
+          badge1Text: `${actionCenterItems.length}`,
+          actionItem1: actionCenterItems[0] || 'Fee Due',
+          showActionItem2: actionCenterItems.length > 1,
+          actionItem2: actionCenterItems[1] || 'Feedback Submission Pending',
+          showMoreLabel: actionCenterItems.length > 2,
+          moreLabel: `+ ${actionCenterItems.length - 2} more`,
+          showActionItems: true,
+          showTrailing: true
+        })
+      }), showNextClass && /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-sm font-semibold text-text-secondary px-5",
+          children: "Prep for Next Class"
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "gap-2 px-5",
+          children: [/*#__PURE__*/_jsx(Card, {
+            size: "lg",
+            title: nextClassTitle,
+            subtitle: nextClassTime,
+            showSubtitle: true,
+            showMedia: false,
+            showLeading: false,
+            showBadges: false,
+            showFooterActions: false
+          }), /*#__PURE__*/_jsxs(View, {
+            className: "flex-row gap-2",
+            children: [showCourseButton && /*#__PURE__*/_jsx(Button, {
+              variant: "default",
+              size: "default",
+              className: "flex-1",
+              children: "Open Course"
+            }), showResourcesButton && /*#__PURE__*/_jsx(Button, {
+              variant: "secondary",
+              size: "default",
+              className: "flex-1",
+              children: "Resources"
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-center text-sm font-semibold text-text-primary py-3",
+            children: "View All Courses \u2192"
+          })]
+        })]
+      }), showQuickAccess && /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-sm font-semibold text-text-secondary px-5",
+          children: "Quick Access"
+        }), /*#__PURE__*/_jsx(View, {
+          className: "flex-row flex-wrap gap-2 px-5 justify-between",
+          children: quickAccessItems.map((item, index) => /*#__PURE__*/_jsx(View, {
+            style: {
+              width: '48%'
+            },
+            children: /*#__PURE__*/_jsx(Card, {
+              size: "sm",
+              title: item.title,
+              subtitle: item.subtitle,
+              showSubtitle: true,
+              showMedia: false,
+              showLeading: true,
+              showBadges: false,
+              showFooterActions: false,
+              leadingType: "avatar",
+              avatarInitials: item.title.slice(0, 2).toUpperCase()
+            })
+          }, index))
+        })]
+      }), showCampusLife && /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-sm font-semibold text-text-secondary px-5",
+          children: "Campus Life"
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "flex-row gap-2 px-5",
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: /*#__PURE__*/_jsx(Card, {
+              size: "sm",
+              title: "Clubs",
+              subtitle: "22 Clubs Available",
+              showSubtitle: true,
+              showMedia: false,
+              showLeading: true,
+              showBadges: false,
+              showFooterActions: false,
+              leadingType: "avatar",
+              avatarInitials: "CL"
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: /*#__PURE__*/_jsx(Card, {
+              size: "sm",
+              title: "Events",
+              subtitle: "2 New Events",
+              showSubtitle: true,
+              showMedia: false,
+              showLeading: true,
+              showBadges: false,
+              showFooterActions: false,
+              leadingType: "avatar",
+              avatarInitials: "EV"
+            })
+          })]
+        })]
+      }), showMentor && /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-sm font-semibold text-text-secondary px-5",
+          children: "Mentor"
+        }), /*#__PURE__*/_jsx(View, {
+          className: "px-5",
+          children: /*#__PURE__*/_jsx(Card, {
+            size: "sm",
+            title: mentorName,
+            subtitle: mentorTitle,
+            showSubtitle: true,
+            showMedia: false,
+            showLeading: true,
+            showBadges: false,
+            showFooterActions: false,
+            leadingType: "avatar",
+            avatarInitials: mentorName.slice(0, 2).toUpperCase()
+          })
+        })]
+      }), showAnnouncements && /*#__PURE__*/_jsxs(View, {
+        className: "gap-2",
+        children: [/*#__PURE__*/_jsxs(View, {
+          className: "flex-row justify-between items-center px-5",
+          children: [/*#__PURE__*/_jsx(Text, {
+            className: "text-sm font-semibold text-text-secondary",
+            children: "Announcements"
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-xs",
+            children: "\u2192"
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          className: "px-5",
+          children: /*#__PURE__*/_jsx(FeedCard, {
+            type: "announcement",
+            authorName: announcementAuthor,
+            postTitle: announcementTitle,
+            postContent: announcementContent,
+            showMedia: true,
+            showHeader: true,
+            showPostContent: true,
+            showBody: true,
+            showFooterActions: true,
+            showLeading: true,
+            showSubtitle: false,
+            showBadges: false,
+            showSecondaryButton: false
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          height: 96
+        }
+      })]
+    })
+  });
+}
+HomeStudentPattern.displayName = 'HomeStudentPattern';
+//# sourceMappingURL=HomeStudentPattern.js.map

package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScrollView","Greeting","Banner","Card","FeedCard","Text","Button","jsx","_jsx","jsxs","_jsxs","HomeStudentPattern","showGreeting","greetingUserName","greetingText","greetingSubtitle","_showScheduleButton","onSchedulePress","showActionCenter","actionCenterTitle","actionCenterSubtitle","actionCenterItems","showNextClass","nextClassTitle","nextClassTime","showCourseButton","showResourcesButton","showQuickAccess","quickAccessItems","title","subtitle","showCampusLife","showMentor","mentorName","mentorTitle","showAnnouncements","announcementTitle","announcementAuthor","announcementContent","style","testID","className","showsVerticalScrollIndicator","children","userName","ctaLayout","showNextUp","showBadge","badge1Text","length","actionItem1","showActionItem2","actionItem2","showMoreLabel","moreLabel","showActionItems","showTrailing","size","showSubtitle","showMedia","showLeading","showBadges","showFooterActions","variant","map","item","index","width","leadingType","avatarInitials","slice","toUpperCase","flex","type","authorName","postTitle","postContent","showHeader","showPostContent","showBody","showSecondaryButton","height","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { HomeStudentPattern } from "./HomeStudentPattern.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HomeStudentPattern"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/HomeStudentPattern/index.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAsB","ignoreList":[]}

package/lib/module/patterns/pattern-components/index.js

@@ -16,4 +16,9 @@ export * from "./EntityPatternStructured/index.js";
 export * from "./EntityPatternGuided/index.js";
 export * from "./CalendarPattern/index.js";
 export * from "./MonthlyCalendarPattern/index.js";
+export * from "./HomeStudentPattern/index.js";
+export * from "./HomeFacultyPattern/index.js";
+export * from "./HomeParentPattern/index.js";
+export * from "./FeedPattern/index.js";
+export * from "./AccountPattern/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/patterns/pattern-components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["patterns/pattern-components/index.ts"],"mappings":";;AAAA;AACA,cAAc,+BAAsB;AACpC,cAAc,6BAAoB;AAClC,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,4BAAmB;AACjC,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,cAAc,wBAAe;AAC7B,cAAc,kCAAyB;AACvC,cAAc,oCAA2B;AACzC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,mCAA0B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["patterns/pattern-components/index.ts"],"mappings":";;AAAA;AACA,cAAc,+BAAsB;AACpC,cAAc,6BAAoB;AAClC,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,4BAAmB;AACjC,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,cAAc,wBAAe;AAC7B,cAAc,kCAAyB;AACvC,cAAc,oCAA2B;AACzC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,mCAA0B;AACxC,cAAc,+BAAsB;AACpC,cAAc,+BAAsB;AACpC,cAAc,8BAAqB;AACnC,cAAc,wBAAe;AAC7B,cAAc,2BAAkB","ignoreList":[]}

package/package.json

@@ -1,15 +1,41 @@
 {
   "name": "@campxdev/react-native-blueprint",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "This is a react-native package for mobile apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
       "source": "./src/index.tsx",
       "types": "./lib/typescript/src/index.d.ts",
       "default": "./lib/module/index.js"
     },
+    "./lib/theme": {
+      "source": "./src/lib/theme.ts",
+      "types": "./lib/typescript/src/lib/theme.d.ts",
+      "default": "./lib/module/lib/theme.js"
+    },
+    "./lib/ThemeProvider": {
+      "source": "./src/lib/ThemeProvider.tsx",
+      "types": "./lib/typescript/src/lib/ThemeProvider.d.ts",
+      "default": "./lib/module/lib/ThemeProvider.js"
+    },
+    "./lib/utils": {
+      "source": "./src/lib/utils.ts",
+      "types": "./lib/typescript/src/lib/utils.d.ts",
+      "default": "./lib/module/lib/utils.js"
+    },
+    "./components": {
+      "source": "./src/components/ui/index.ts",
+      "types": "./lib/typescript/src/components/ui/index.d.ts",
+      "default": "./lib/module/components/ui/index.js"
+    },
+    "./patterns": {
+      "source": "./src/patterns/pattern-components/index.ts",
+      "types": "./lib/typescript/src/patterns/pattern-components/index.d.ts",
+      "default": "./lib/module/patterns/pattern-components/index.js"
+    },
     "./package.json": "./package.json",
     "./style": "./global.css"
   },

package/src/components/DataDisplay/Avatar/Avatar.tsx

@@ -29,29 +29,32 @@ type AvatarType = (typeof AvatarVariants.type)[number];
  * Variants
  * --------------------------------------------------- */
 
-const rootVariants = cva('items-center justify-center rounded-full bg-muted', {
-  variants: {
-    size: {
-      sm: 'w-8 h-8', // 32
-      default: 'w-12 h-12', // 48
-      lg: 'w-[60px] h-[60px]', // 60
+const rootVariants = cva(
+  'items-center justify-center rounded-full bg-surface-subtle',
+  {
+    variants: {
+      size: {
+        sm: 'w-8 h-8', // 32
+        default: 'w-12 h-12', // 48
+        lg: 'w-[60px] h-[60px]', // 60
+      },
+      type: {
+        initials: '',
+        image: 'bg-[lightgray]',
+        icon: '',
+      },
+      ring: {
+        false: '',
+        true: 'ring-2 ring-primary ring-offset-2 ring-offset-background',
+      },
     },
-    type: {
-      initials: '',
-      image: 'bg-[lightgray]',
-      icon: '',
+    defaultVariants: {
+      size: 'sm',
+      type: 'initials',
+      ring: false,
     },
-    ring: {
-      false: '',
-      true: 'ring-2 ring-primary ring-offset-2 ring-offset-background',
-    },
-  },
-  defaultVariants: {
-    size: 'sm',
-    type: 'initials',
-    ring: false,
-  },
-});
+  }
+);
 
 const textVariants = cva('font-semibold uppercase text-muted-foreground', {
   variants: {

package/src/components/DataDisplay/Banner/Banner.figma.tsx

@@ -2,24 +2,39 @@ import figma from '@figma/code-connect';
 import { Banner } from './Banner';
 
 const FIGMA_URL =
-  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=454-8359';
+  'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=554-2196';
 
 figma.connect(Banner, FIGMA_URL, {
   props: {
+    style: figma.enum('style', {
+      solid: 'solid',
+      outline: 'outline',
+      subtle: 'subtle',
+    }),
     title: figma.string('Title'),
     subtitle: figma.string('Subtitle'),
     showBadge: figma.boolean('Show Badge'),
+    actionItem1: figma.string('Action Item 1'),
+    showActionItem2: figma.boolean('Show ActionItem2'),
+    actionItem2: figma.string('Action Item 2'),
+    showMoreLabel: figma.boolean('Show moreLabel'),
+    moreLabel: figma.string('moreLabel'),
     showActionItems: figma.boolean('Show ActionItems'),
     showTrailing: figma.boolean('Show Trailing'),
   },
+
   example: (props) => (
     <Banner
+      style={props.style}
       title={props.title}
       subtitle={props.subtitle}
       showBadge={props.showBadge}
-      badgeText="Badge"
+      actionItem1={props.actionItem1}
+      showActionItem2={props.showActionItem2}
+      actionItem2={props.actionItem2}
+      showMoreLabel={props.showMoreLabel}
+      moreLabel={props.moreLabel}
       showActionItems={props.showActionItems}
-      actionItems={['Action Item', 'Action Item', 'Action Item']}
       showTrailing={props.showTrailing}
     />
   ),