@campxdev/react-native-blueprint 0.1.20 → 0.1.24
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/global.css +3 -3
- package/lib/global.css +1 -1
- package/lib/module/assets/icons/Image.png +0 -0
- package/lib/module/components/DataDisplay/Avatar/Avatar.js +1 -1
- package/lib/module/components/DataDisplay/Avatar/Avatar.js.map +1 -1
- package/lib/module/components/DataDisplay/Banner/Banner.figma.js +17 -3
- package/lib/module/components/DataDisplay/Banner/Banner.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Banner/Banner.js +138 -34
- package/lib/module/components/DataDisplay/Banner/Banner.js.map +1 -1
- package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js +2 -2
- package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js.map +1 -1
- package/lib/module/components/DataDisplay/Card/Card.figma.js +11 -4
- package/lib/module/components/DataDisplay/Card/Card.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Card/Card.js +119 -65
- package/lib/module/components/DataDisplay/Card/Card.js.map +1 -1
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js +54 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js.map +1 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js +318 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js.map +1 -0
- package/lib/module/components/DataDisplay/ChatBubble/index.js +4 -0
- package/lib/module/components/DataDisplay/ChatBubble/index.js.map +1 -0
- package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js +69 -0
- package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js.map +1 -0
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js +19 -17
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.js +30 -19
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.js.map +1 -1
- package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js +5 -5
- package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Greeting/Greeting.js +46 -70
- package/lib/module/components/DataDisplay/Greeting/Greeting.js.map +1 -1
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js +16 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js.map +1 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js +111 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js.map +1 -0
- package/lib/module/components/DataDisplay/ProfileCard/index.js +4 -0
- package/lib/module/components/DataDisplay/ProfileCard/index.js.map +1 -0
- package/lib/module/components/Input/Button/Button.js +11 -9
- package/lib/module/components/Input/Button/Button.js.map +1 -1
- package/lib/module/components/Navigation/Appbar/AppBar.figma.js +18 -6
- package/lib/module/components/Navigation/Appbar/AppBar.figma.js.map +1 -1
- package/lib/module/components/Navigation/Appbar/AppBar.js +36 -9
- package/lib/module/components/Navigation/Appbar/AppBar.js.map +1 -1
- package/lib/module/components/Navigation/Popover/Popover.js +1 -1
- package/lib/module/components/Navigation/Popover/Popover.js.map +1 -1
- package/lib/module/components/ui/index.js +2 -0
- package/lib/module/components/ui/index.js.map +1 -1
- package/lib/module/lib/theme.js +2 -2
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js +196 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js +255 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/AccountPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/AccountPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.js +1 -1
- package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js +2 -4
- package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js.map +1 -1
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js +144 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js +213 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/FeedPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/FeedPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js +70 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js +260 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js +82 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js +256 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js +73 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js +283 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/index.js +5 -0
- package/lib/module/patterns/pattern-components/index.js.map +1 -1
- package/package.json +27 -1
- package/src/assets/icons/Image.png +0 -0
- package/src/components/DataDisplay/Avatar/Avatar.tsx +24 -21
- package/src/components/DataDisplay/Banner/Banner.figma.tsx +18 -3
- package/src/components/DataDisplay/Banner/Banner.tsx +153 -26
- package/src/components/DataDisplay/CalendarItem/CalendarItem.tsx +2 -2
- package/src/components/DataDisplay/Card/Card.figma.tsx +7 -3
- package/src/components/DataDisplay/Card/Card.tsx +152 -101
- package/src/components/DataDisplay/ChatBubble/ChatBubble.figma.tsx +54 -0
- package/src/components/DataDisplay/ChatBubble/ChatBubble.tsx +404 -0
- package/src/components/DataDisplay/ChatBubble/index.ts +8 -0
- package/src/components/DataDisplay/FeedCard/AttachmentDetails.tsx +96 -0
- package/src/components/DataDisplay/FeedCard/FeedCard.figma.tsx +17 -15
- package/src/components/DataDisplay/FeedCard/FeedCard.tsx +66 -35
- package/src/components/DataDisplay/Greeting/Greeting.figma.tsx +5 -5
- package/src/components/DataDisplay/Greeting/Greeting.tsx +58 -96
- package/src/components/DataDisplay/ProfileCard/ProfileCard.figma.tsx +17 -0
- package/src/components/DataDisplay/ProfileCard/ProfileCard.tsx +173 -0
- package/src/components/DataDisplay/ProfileCard/index.ts +1 -0
- package/src/components/Input/Button/Button.tsx +18 -10
- package/src/components/Navigation/Appbar/AppBar.figma.tsx +18 -6
- package/src/components/Navigation/Appbar/AppBar.tsx +58 -13
- package/src/components/Navigation/Popover/Popover.tsx +3 -3
- package/src/components/ui/index.ts +2 -0
- package/src/lib/theme.ts +2 -2
- package/src/patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx +193 -0
- package/src/patterns/pattern-components/AccountPattern/AccountPattern.tsx +301 -0
- package/src/patterns/pattern-components/AccountPattern/index.ts +1 -0
- package/src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.tsx +1 -1
- package/src/patterns/pattern-components/CardListPattern/CardListPattern.tsx +4 -9
- package/src/patterns/pattern-components/FeedPattern/FeedPattern.figma.tsx +146 -0
- package/src/patterns/pattern-components/FeedPattern/FeedPattern.tsx +264 -0
- package/src/patterns/pattern-components/FeedPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.tsx +66 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.tsx +326 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.tsx +75 -0
- package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.tsx +328 -0
- package/src/patterns/pattern-components/HomeParentPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.tsx +66 -0
- package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.tsx +355 -0
- package/src/patterns/pattern-components/HomeStudentPattern/index.ts +2 -0
- package/src/patterns/pattern-components/index.ts +5 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import figma from '@figma/code-connect';
|
|
5
5
|
import { CalendarPattern } from "./CalendarPattern.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=
|
|
7
|
+
const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=416-3544';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* CalendarPattern - Daily schedule calendar view pattern
|
|
@@ -46,8 +46,7 @@ export const CardListPattern = ({
|
|
|
46
46
|
chips = [],
|
|
47
47
|
banners = [],
|
|
48
48
|
data,
|
|
49
|
-
|
|
50
|
-
cardTone = 'default'
|
|
49
|
+
cardSize = 'lg'
|
|
51
50
|
}) => {
|
|
52
51
|
return /*#__PURE__*/_jsxs(View, {
|
|
53
52
|
style: {
|
|
@@ -65,6 +64,7 @@ export const CardListPattern = ({
|
|
|
65
64
|
},
|
|
66
65
|
showsVerticalScrollIndicator: false,
|
|
67
66
|
children: data.map(item => /*#__PURE__*/_jsx(Card, {
|
|
67
|
+
size: cardSize,
|
|
68
68
|
title: item.title,
|
|
69
69
|
subtitle: item.subtitle,
|
|
70
70
|
body: item.body,
|
|
@@ -78,8 +78,6 @@ export const CardListPattern = ({
|
|
|
78
78
|
showFooterActions: item.showFooterActions ?? true,
|
|
79
79
|
showLeading: item.showLeading ?? true,
|
|
80
80
|
showOverflowMenu: item.showOverflowMenu ?? true,
|
|
81
|
-
density: cardDensity,
|
|
82
|
-
tone: cardTone,
|
|
83
81
|
onPrimaryActionPress: item.onPrimaryActionPress,
|
|
84
82
|
onSecondaryActionPress: item.onSecondaryActionPress,
|
|
85
83
|
onOverflowPress: item.onOverflowPress
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","ScrollView","ChipsRow","BannerRow","Card","jsx","_jsx","jsxs","_jsxs","CardListPattern","showChips","showBanners","chips","banners","data","
|
|
1
|
+
{"version":3,"names":["View","ScrollView","ChipsRow","BannerRow","Card","jsx","_jsx","jsxs","_jsxs","CardListPattern","showChips","showBanners","chips","banners","data","cardSize","style","flex","gap","children","length","contentContainerStyle","paddingHorizontal","showsVerticalScrollIndicator","map","item","size","title","subtitle","body","badge1Text","badge2Text","primaryActionText","secondaryActionText","showMedia","showSubtitle","showBadges","showFooterActions","showLeading","showOverflowMenu","onPrimaryActionPress","onSecondaryActionPress","onOverflowPress","id","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/CardListPattern/CardListPattern.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SACEC,QAAQ,QAEH,sDAAmD;AAC1D,SACEC,SAAS,QAEJ,wDAAqD;AAC5D,SACEC,IAAI,QAEC,8CAA2C;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA4CA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS,GAAG,KAAK;EACjBC,WAAW,GAAG,KAAK;EACnBC,KAAK,GAAG,EAAE;EACVC,OAAO,GAAG,EAAE;EACZC,IAAI;EACJC,QAAQ,GAAG;AACS,CAAC,KAAK;EAC1B,oBACEP,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,GAC/BT,SAAS,IAAIE,KAAK,CAACQ,MAAM,GAAG,CAAC,iBAAId,IAAA,CAACJ,QAAQ;MAACU,KAAK,EAAEA;IAAM,CAAE,CAAC,EAC3DD,WAAW,IAAIE,OAAO,CAACO,MAAM,GAAG,CAAC,iBAAId,IAAA,CAACH,SAAS;MAACU,OAAO,EAAEA;IAAQ,CAAE,CAAC,eACrEP,IAAA,CAACL,UAAU;MACToB,qBAAqB,EAAE;QAAEH,GAAG,EAAE,EAAE;QAAEI,iBAAiB,EAAE;MAAG,CAAE;MAC1DC,4BAA4B,EAAE,KAAM;MAAAJ,QAAA,EAEnCL,IAAI,CAACU,GAAG,CAAEC,IAAI,iBACbnB,IAAA,CAACF,IAAI;QAEHsB,IAAI,EAAEX,QAAS;QACfY,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,IAAI,EAAEJ,IAAI,CAACI,IAAK;QAChBC,UAAU,EAAEL,IAAI,CAACK,UAAW;QAC5BC,UAAU,EAAEN,IAAI,CAACM,UAAW;QAC5BC,iBAAiB,EAAEP,IAAI,CAACO,iBAAkB;QAC1CC,mBAAmB,EAAER,IAAI,CAACQ,mBAAoB;QAC9CC,SAAS,EAAET,IAAI,CAACS,SAAS,IAAI,IAAK;QAClCC,YAAY,EAAEV,IAAI,CAACU,YAAY,IAAI,IAAK;QACxCC,UAAU,EAAEX,IAAI,CAACW,UAAU,IAAI,IAAK;QACpCC,iBAAiB,EAAEZ,IAAI,CAACY,iBAAiB,IAAI,IAAK;QAClDC,WAAW,EAAEb,IAAI,CAACa,WAAW,IAAI,IAAK;QACtCC,gBAAgB,EAAEd,IAAI,CAACc,gBAAgB,IAAI,IAAK;QAChDC,oBAAoB,EAAEf,IAAI,CAACe,oBAAqB;QAChDC,sBAAsB,EAAEhB,IAAI,CAACgB,sBAAuB;QACpDC,eAAe,EAAEjB,IAAI,CAACiB;MAAgB,GAjBjCjB,IAAI,CAACkB,EAkBX,CACF;IAAC,CACQ,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAEDlC,eAAe,CAACmC,WAAW,GAAG,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { FeedPattern } from "./FeedPattern.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=347-117374';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* FeedPattern - Social feed layout pattern
|
|
10
|
+
*
|
|
11
|
+
* Use cases:
|
|
12
|
+
* - Social media feeds (announcements, posts, updates)
|
|
13
|
+
* - News feeds and content discovery
|
|
14
|
+
* - Community boards and discussion forums
|
|
15
|
+
* - Activity feeds for notifications and updates
|
|
16
|
+
* - Multiple content type feeds (announcements, posts, events)
|
|
17
|
+
*
|
|
18
|
+
* Features:
|
|
19
|
+
* - Horizontal scrollable chips filter for content categories
|
|
20
|
+
* - Vertical scrollable feed with multiple content types
|
|
21
|
+
* - Multiple FeedCard variations (with/without media, badges, actions)
|
|
22
|
+
* - Support for both announcement and post types
|
|
23
|
+
* - Floating action button for creating new content
|
|
24
|
+
* - Fully customizable feed items and chip filters
|
|
25
|
+
* - All sections independently configurable
|
|
26
|
+
*
|
|
27
|
+
* Customization:
|
|
28
|
+
* - Show/hide chips filter and floating action button
|
|
29
|
+
* - Customize chip labels and selection state
|
|
30
|
+
* - Add, remove, or customize feed items
|
|
31
|
+
* - Configure each feed item's visibility toggles
|
|
32
|
+
* - Set up callbacks for chip selection and item interaction
|
|
33
|
+
* - Adapt content based on user selection or backend data
|
|
34
|
+
*/
|
|
35
|
+
figma.connect(FeedPattern, FIGMA_URL, {
|
|
36
|
+
example: () => /*#__PURE__*/_jsx(FeedPattern, {
|
|
37
|
+
showChipsFilter: true,
|
|
38
|
+
chips: [{
|
|
39
|
+
id: '1',
|
|
40
|
+
label: 'Announcements',
|
|
41
|
+
state: 'selected'
|
|
42
|
+
}, {
|
|
43
|
+
id: '2',
|
|
44
|
+
label: 'Posts',
|
|
45
|
+
state: 'default'
|
|
46
|
+
}, {
|
|
47
|
+
id: '3',
|
|
48
|
+
label: 'Events',
|
|
49
|
+
state: 'default'
|
|
50
|
+
}, {
|
|
51
|
+
id: '4',
|
|
52
|
+
label: 'Updates',
|
|
53
|
+
state: 'default'
|
|
54
|
+
}],
|
|
55
|
+
showFloatingActionButton: true,
|
|
56
|
+
feedItems: [{
|
|
57
|
+
id: '1',
|
|
58
|
+
type: 'announcement',
|
|
59
|
+
authorName: 'Author Name',
|
|
60
|
+
postTitle: 'Post Title',
|
|
61
|
+
subtitle: 'Subtitle of the card goes here',
|
|
62
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
63
|
+
showHeader: true,
|
|
64
|
+
showPostContent: true,
|
|
65
|
+
showBody: true,
|
|
66
|
+
showBadges: true,
|
|
67
|
+
showFooterActions: true,
|
|
68
|
+
showLeading: true,
|
|
69
|
+
showSubtitle: true,
|
|
70
|
+
showSecondaryButton: true
|
|
71
|
+
}, {
|
|
72
|
+
id: '2',
|
|
73
|
+
type: 'post',
|
|
74
|
+
authorName: 'Author Name',
|
|
75
|
+
postTitle: 'Post Title',
|
|
76
|
+
subtitle: 'Subtitle of the card goes here',
|
|
77
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
78
|
+
showMedia: true,
|
|
79
|
+
showHeader: true,
|
|
80
|
+
showPostContent: true,
|
|
81
|
+
showBadges: true,
|
|
82
|
+
showLeading: true,
|
|
83
|
+
showSubtitle: true,
|
|
84
|
+
showSecondaryButton: true
|
|
85
|
+
}, {
|
|
86
|
+
id: '3',
|
|
87
|
+
type: 'announcement',
|
|
88
|
+
authorName: 'Author Name',
|
|
89
|
+
postTitle: 'Post Title',
|
|
90
|
+
subtitle: 'Subtitle of the card goes here',
|
|
91
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
92
|
+
showPostContent: true,
|
|
93
|
+
showBody: true,
|
|
94
|
+
showLeading: true,
|
|
95
|
+
showSubtitle: true,
|
|
96
|
+
showSecondaryButton: true
|
|
97
|
+
}, {
|
|
98
|
+
id: '4',
|
|
99
|
+
type: 'post',
|
|
100
|
+
authorName: 'Author Name',
|
|
101
|
+
postTitle: 'Post Title',
|
|
102
|
+
subtitle: 'Subtitle of the card goes here',
|
|
103
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
104
|
+
showMedia: true,
|
|
105
|
+
showHeader: true,
|
|
106
|
+
showBadges: true,
|
|
107
|
+
showLeading: true,
|
|
108
|
+
showSubtitle: true,
|
|
109
|
+
showSecondaryButton: true
|
|
110
|
+
}, {
|
|
111
|
+
id: '5',
|
|
112
|
+
type: 'announcement',
|
|
113
|
+
authorName: 'Author Name',
|
|
114
|
+
postTitle: 'Post Title',
|
|
115
|
+
subtitle: 'Subtitle of the card goes here',
|
|
116
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
117
|
+
showHeader: true,
|
|
118
|
+
showPostContent: true,
|
|
119
|
+
showBody: true,
|
|
120
|
+
showBadges: true,
|
|
121
|
+
showFooterActions: true,
|
|
122
|
+
showLeading: true,
|
|
123
|
+
showSubtitle: true,
|
|
124
|
+
showSecondaryButton: true
|
|
125
|
+
}, {
|
|
126
|
+
id: '6',
|
|
127
|
+
type: 'post',
|
|
128
|
+
authorName: 'Author Name',
|
|
129
|
+
postTitle: 'Post Title',
|
|
130
|
+
subtitle: 'Subtitle of the card goes here',
|
|
131
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
132
|
+
showMedia: true,
|
|
133
|
+
showHeader: true,
|
|
134
|
+
showPostContent: true,
|
|
135
|
+
showBody: true,
|
|
136
|
+
showBadges: true,
|
|
137
|
+
showFooterActions: true,
|
|
138
|
+
showLeading: true,
|
|
139
|
+
showSubtitle: true,
|
|
140
|
+
showSecondaryButton: true
|
|
141
|
+
}]
|
|
142
|
+
})
|
|
143
|
+
});
|
|
144
|
+
//# sourceMappingURL=FeedPattern.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","FeedPattern","jsx","_jsx","FIGMA_URL","connect","example","showChipsFilter","chips","id","label","state","showFloatingActionButton","feedItems","type","authorName","postTitle","subtitle","postContent","showHeader","showPostContent","showBody","showBadges","showFooterActions","showLeading","showSubtitle","showSecondaryButton","showMedia"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/FeedPattern/FeedPattern.figma.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// @ts-nocheck
|
|
4
|
+
import { View, ScrollView } from 'react-native';
|
|
5
|
+
import { FeedCard } from "../../../components/DataDisplay/FeedCard/FeedCard.js";
|
|
6
|
+
import { FloatingActionButton } from "../../../components/Navigation/FloatingAction/Floating-Action.js";
|
|
7
|
+
import { ChipsRow } from "../../../components/DataDisplay/ChipsRow/ChipsRow.js";
|
|
8
|
+
|
|
9
|
+
/* ============================================================================
|
|
10
|
+
* Types
|
|
11
|
+
* ============================================================================ */
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
/* ============================================================================
|
|
14
|
+
* Component
|
|
15
|
+
* ============================================================================ */
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* FeedPattern Component
|
|
19
|
+
*
|
|
20
|
+
* A comprehensive feed layout pattern that displays:
|
|
21
|
+
* - Horizontal scrollable chips for filtering
|
|
22
|
+
* - Vertical scrollable feed of posts and announcements
|
|
23
|
+
* - Multiple FeedCard variations (with/without media, badges, footer actions)
|
|
24
|
+
* - Floating action button for creating new posts
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <FeedPattern
|
|
29
|
+
* showChipsFilter={true}
|
|
30
|
+
* showFloatingActionButton={true}
|
|
31
|
+
* feedItems={[...]}
|
|
32
|
+
* />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export function FeedPattern({
|
|
36
|
+
// Chips filter section
|
|
37
|
+
showChipsFilter = true,
|
|
38
|
+
chips = [{
|
|
39
|
+
id: '1',
|
|
40
|
+
label: 'Announcements',
|
|
41
|
+
state: 'selected'
|
|
42
|
+
}, {
|
|
43
|
+
id: '2',
|
|
44
|
+
label: 'Posts',
|
|
45
|
+
state: 'default'
|
|
46
|
+
}, {
|
|
47
|
+
id: '3',
|
|
48
|
+
label: 'Events',
|
|
49
|
+
state: 'default'
|
|
50
|
+
}, {
|
|
51
|
+
id: '4',
|
|
52
|
+
label: 'Updates',
|
|
53
|
+
state: 'default'
|
|
54
|
+
}],
|
|
55
|
+
onChipSelect,
|
|
56
|
+
// Feed items section
|
|
57
|
+
feedItems = [{
|
|
58
|
+
id: '1',
|
|
59
|
+
type: 'announcement',
|
|
60
|
+
authorName: 'Author Name',
|
|
61
|
+
postTitle: 'Post Title',
|
|
62
|
+
subtitle: 'Subtitle of the card goes here',
|
|
63
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
64
|
+
showHeader: true,
|
|
65
|
+
showPostContent: true,
|
|
66
|
+
showBody: true,
|
|
67
|
+
showBadges: true,
|
|
68
|
+
showFooterActions: true,
|
|
69
|
+
showLeading: true,
|
|
70
|
+
showSubtitle: true,
|
|
71
|
+
showSecondaryButton: true
|
|
72
|
+
}, {
|
|
73
|
+
id: '2',
|
|
74
|
+
type: 'post',
|
|
75
|
+
authorName: 'Author Name',
|
|
76
|
+
postTitle: 'Post Title',
|
|
77
|
+
subtitle: 'Subtitle of the card goes here',
|
|
78
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
79
|
+
showMedia: true,
|
|
80
|
+
showHeader: true,
|
|
81
|
+
showPostContent: true,
|
|
82
|
+
showBadges: true,
|
|
83
|
+
showLeading: true,
|
|
84
|
+
showSubtitle: true,
|
|
85
|
+
showSecondaryButton: true
|
|
86
|
+
}, {
|
|
87
|
+
id: '3',
|
|
88
|
+
type: 'announcement',
|
|
89
|
+
authorName: 'Author Name',
|
|
90
|
+
postTitle: 'Post Title',
|
|
91
|
+
subtitle: 'Subtitle of the card goes here',
|
|
92
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
93
|
+
showPostContent: true,
|
|
94
|
+
showBody: true,
|
|
95
|
+
showLeading: true,
|
|
96
|
+
showSubtitle: true,
|
|
97
|
+
showSecondaryButton: true
|
|
98
|
+
}, {
|
|
99
|
+
id: '4',
|
|
100
|
+
type: 'post',
|
|
101
|
+
authorName: 'Author Name',
|
|
102
|
+
postTitle: 'Post Title',
|
|
103
|
+
subtitle: 'Subtitle of the card goes here',
|
|
104
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
105
|
+
showMedia: true,
|
|
106
|
+
showHeader: true,
|
|
107
|
+
showBadges: true,
|
|
108
|
+
showLeading: true,
|
|
109
|
+
showSubtitle: true,
|
|
110
|
+
showSecondaryButton: true
|
|
111
|
+
}, {
|
|
112
|
+
id: '5',
|
|
113
|
+
type: 'announcement',
|
|
114
|
+
authorName: 'Author Name',
|
|
115
|
+
postTitle: 'Post Title',
|
|
116
|
+
subtitle: 'Subtitle of the card goes here',
|
|
117
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
118
|
+
showHeader: true,
|
|
119
|
+
showPostContent: true,
|
|
120
|
+
showBody: true,
|
|
121
|
+
showBadges: true,
|
|
122
|
+
showFooterActions: true,
|
|
123
|
+
showLeading: true,
|
|
124
|
+
showSubtitle: true,
|
|
125
|
+
showSecondaryButton: true
|
|
126
|
+
}, {
|
|
127
|
+
id: '6',
|
|
128
|
+
type: 'post',
|
|
129
|
+
authorName: 'Author Name',
|
|
130
|
+
postTitle: 'Post Title',
|
|
131
|
+
subtitle: 'Subtitle of the card goes here',
|
|
132
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
133
|
+
showMedia: true,
|
|
134
|
+
showHeader: true,
|
|
135
|
+
showPostContent: true,
|
|
136
|
+
showBody: true,
|
|
137
|
+
showBadges: true,
|
|
138
|
+
showFooterActions: true,
|
|
139
|
+
showLeading: true,
|
|
140
|
+
showSubtitle: true,
|
|
141
|
+
showSecondaryButton: true
|
|
142
|
+
}],
|
|
143
|
+
onFeedItemPress,
|
|
144
|
+
// Floating Action Button
|
|
145
|
+
showFloatingActionButton = true,
|
|
146
|
+
onFloatingActionPress,
|
|
147
|
+
// Styling
|
|
148
|
+
style,
|
|
149
|
+
testID
|
|
150
|
+
}) {
|
|
151
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
152
|
+
testID: testID ?? 'feed-pattern',
|
|
153
|
+
style: [{
|
|
154
|
+
flex: 1,
|
|
155
|
+
backgroundColor: '#f7f8fa'
|
|
156
|
+
}, style],
|
|
157
|
+
children: [showFloatingActionButton && /*#__PURE__*/_jsx(View, {
|
|
158
|
+
className: "absolute bottom-8 right-5 z-50",
|
|
159
|
+
children: /*#__PURE__*/_jsx(FloatingActionButton, {
|
|
160
|
+
variant: "default",
|
|
161
|
+
size: "md",
|
|
162
|
+
onPress: onFloatingActionPress
|
|
163
|
+
})
|
|
164
|
+
}), /*#__PURE__*/_jsxs(ScrollView, {
|
|
165
|
+
showsVerticalScrollIndicator: false,
|
|
166
|
+
contentContainerStyle: {
|
|
167
|
+
paddingVertical: 20
|
|
168
|
+
},
|
|
169
|
+
children: [showChipsFilter && chips.length > 0 && /*#__PURE__*/_jsx(View, {
|
|
170
|
+
style: {
|
|
171
|
+
marginBottom: 16
|
|
172
|
+
},
|
|
173
|
+
children: /*#__PURE__*/_jsx(ChipsRow, {
|
|
174
|
+
chips: chips,
|
|
175
|
+
gap: 8,
|
|
176
|
+
contentPadding: 20,
|
|
177
|
+
showsScrollIndicator: false,
|
|
178
|
+
onChipPress: chip => onChipSelect?.(chip.id)
|
|
179
|
+
})
|
|
180
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
181
|
+
style: {
|
|
182
|
+
gap: 16,
|
|
183
|
+
paddingHorizontal: 20
|
|
184
|
+
},
|
|
185
|
+
children: feedItems.map(item => /*#__PURE__*/_jsx(View, {
|
|
186
|
+
onTouchEnd: () => onFeedItemPress?.(item.id),
|
|
187
|
+
children: /*#__PURE__*/_jsx(FeedCard, {
|
|
188
|
+
type: item.type,
|
|
189
|
+
authorName: item.authorName,
|
|
190
|
+
postTitle: item.postTitle,
|
|
191
|
+
subtitle: item.subtitle,
|
|
192
|
+
postContent: item.postContent,
|
|
193
|
+
showMedia: item.showMedia,
|
|
194
|
+
showHeader: item.showHeader,
|
|
195
|
+
showPostContent: item.showPostContent,
|
|
196
|
+
showBody: item.showBody,
|
|
197
|
+
showBadges: item.showBadges,
|
|
198
|
+
showFooterActions: item.showFooterActions,
|
|
199
|
+
showLeading: item.showLeading,
|
|
200
|
+
showSubtitle: item.showSubtitle,
|
|
201
|
+
showSecondaryButton: item.showSecondaryButton
|
|
202
|
+
})
|
|
203
|
+
}, item.id))
|
|
204
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
205
|
+
style: {
|
|
206
|
+
height: 150
|
|
207
|
+
}
|
|
208
|
+
})]
|
|
209
|
+
})]
|
|
210
|
+
});
|
|
211
|
+
}
|
|
212
|
+
FeedPattern.displayName = 'FeedPattern';
|
|
213
|
+
//# sourceMappingURL=FeedPattern.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","ScrollView","FeedCard","FloatingActionButton","ChipsRow","jsx","_jsx","jsxs","_jsxs","FeedPattern","showChipsFilter","chips","id","label","state","onChipSelect","feedItems","type","authorName","postTitle","subtitle","postContent","showHeader","showPostContent","showBody","showBadges","showFooterActions","showLeading","showSubtitle","showSecondaryButton","showMedia","onFeedItemPress","showFloatingActionButton","onFloatingActionPress","style","testID","flex","backgroundColor","children","className","variant","size","onPress","showsVerticalScrollIndicator","contentContainerStyle","paddingVertical","length","marginBottom","gap","contentPadding","showsScrollIndicator","onChipPress","chip","paddingHorizontal","map","item","onTouchEnd","height","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/FeedPattern/FeedPattern.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["FeedPattern"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/FeedPattern/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,kBAAe","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { HomeFacultyPattern } from "./HomeFacultyPattern.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=231-5885';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* HomeFacultyPattern - Faculty home screen layout pattern
|
|
10
|
+
*
|
|
11
|
+
* Use cases:
|
|
12
|
+
* - Faculty dashboard home screens
|
|
13
|
+
* - Educational app faculty portals
|
|
14
|
+
* - Instructor management interfaces
|
|
15
|
+
* - Faculty resource discovery screens
|
|
16
|
+
*
|
|
17
|
+
* Features:
|
|
18
|
+
* - Personalized greeting with schedule quick access
|
|
19
|
+
* - Action center for pending items, requests, and feedback
|
|
20
|
+
* - Next class preparation section with attendance marking
|
|
21
|
+
* - Quick access dashboard (Requests, My Kiosk, Mentees, New Post)
|
|
22
|
+
* - Campus life shortcuts (Clubs, Events)
|
|
23
|
+
* - Faculty announcements and updates feed
|
|
24
|
+
* - All sections are independently configurable
|
|
25
|
+
*
|
|
26
|
+
* Customization:
|
|
27
|
+
* - Show/hide individual sections
|
|
28
|
+
* - Customize titles, subtitles, and content
|
|
29
|
+
* - Configure button callbacks
|
|
30
|
+
* - Adapt data based on backend responses
|
|
31
|
+
*/
|
|
32
|
+
figma.connect(HomeFacultyPattern, FIGMA_URL, {
|
|
33
|
+
example: () => /*#__PURE__*/_jsx(HomeFacultyPattern, {
|
|
34
|
+
showGreeting: true,
|
|
35
|
+
greetingUserName: "Mathers",
|
|
36
|
+
greetingText: "Good Morning",
|
|
37
|
+
greetingSubtitle: "You have 3 Classes today",
|
|
38
|
+
showScheduleButton: true,
|
|
39
|
+
showActionCenter: true,
|
|
40
|
+
actionCenterTitle: "Action Center",
|
|
41
|
+
actionCenterSubtitle: "Actions that need your attention",
|
|
42
|
+
actionCenterItems: ['Class Reassignment Request', 'Pending Feedback Submission'],
|
|
43
|
+
showNextClass: true,
|
|
44
|
+
nextClassTitle: "Microprocessors Lab",
|
|
45
|
+
nextClassTime: "10:00 AM - 11:00 AM",
|
|
46
|
+
showMarkAttendanceButton: true,
|
|
47
|
+
showResourcesButton: true,
|
|
48
|
+
showQuickAccess: true,
|
|
49
|
+
quickAccessItems: [{
|
|
50
|
+
title: 'Requests',
|
|
51
|
+
subtitle: '1 Request Pending'
|
|
52
|
+
}, {
|
|
53
|
+
title: 'My Kiosk',
|
|
54
|
+
subtitle: 'Employee Portal'
|
|
55
|
+
}, {
|
|
56
|
+
title: 'Mentees',
|
|
57
|
+
subtitle: '12 Students'
|
|
58
|
+
}, {
|
|
59
|
+
title: 'New Post',
|
|
60
|
+
subtitle: 'Notice Board'
|
|
61
|
+
}],
|
|
62
|
+
showCampusLife: true,
|
|
63
|
+
showAnnouncements: true,
|
|
64
|
+
announcementTitle: "Faculty Development Program",
|
|
65
|
+
announcementAuthor: "Admin",
|
|
66
|
+
announcementSubtitle: "23 March, 2026 from 02:00 PM to 03:00 PM",
|
|
67
|
+
announcementContent: "Examination Timetable has been updated and Published. Students are requested to register before 24th of this Month."
|
|
68
|
+
})
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=HomeFacultyPattern.figma.js.map
|
package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","HomeFacultyPattern","jsx","_jsx","FIGMA_URL","connect","example","showGreeting","greetingUserName","greetingText","greetingSubtitle","showScheduleButton","showActionCenter","actionCenterTitle","actionCenterSubtitle","actionCenterItems","showNextClass","nextClassTitle","nextClassTime","showMarkAttendanceButton","showResourcesButton","showQuickAccess","quickAccessItems","title","subtitle","showCampusLife","showAnnouncements","announcementTitle","announcementAuthor","announcementSubtitle","announcementContent"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,kBAAkB,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,SAAS,GACb,gFAAgF;;AAElF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAJ,KAAK,CAACK,OAAO,CAACJ,kBAAkB,EAAEG,SAAS,EAAE;EAC3CE,OAAO,EAAEA,CAAA,kBACPH,IAAA,CAACF,kBAAkB;IACjBM,YAAY,EAAE,IAAK;IACnBC,gBAAgB,EAAC,SAAS;IAC1BC,YAAY,EAAC,cAAc;IAC3BC,gBAAgB,EAAC,0BAA0B;IAC3CC,kBAAkB,EAAE,IAAK;IACzBC,gBAAgB,EAAE,IAAK;IACvBC,iBAAiB,EAAC,eAAe;IACjCC,oBAAoB,EAAC,kCAAkC;IACvDC,iBAAiB,EAAE,CACjB,4BAA4B,EAC5B,6BAA6B,CAC7B;IACFC,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAC,qBAAqB;IACpCC,aAAa,EAAC,qBAAqB;IACnCC,wBAAwB,EAAE,IAAK;IAC/BC,mBAAmB,EAAE,IAAK;IAC1BC,eAAe,EAAE,IAAK;IACtBC,gBAAgB,EAAE,CAChB;MAAEC,KAAK,EAAE,UAAU;MAAEC,QAAQ,EAAE;IAAoB,CAAC,EACpD;MAAED,KAAK,EAAE,UAAU;MAAEC,QAAQ,EAAE;IAAkB,CAAC,EAClD;MAAED,KAAK,EAAE,SAAS;MAAEC,QAAQ,EAAE;IAAc,CAAC,EAC7C;MAAED,KAAK,EAAE,UAAU;MAAEC,QAAQ,EAAE;IAAe,CAAC,CAC/C;IACFC,cAAc,EAAE,IAAK;IACrBC,iBAAiB,EAAE,IAAK;IACxBC,iBAAiB,EAAC,6BAA6B;IAC/CC,kBAAkB,EAAC,OAAO;IAC1BC,oBAAoB,EAAC,0CAA0C;IAC/DC,mBAAmB,EAAC;EAAqH,CAC1I;AAEL,CAAC,CAAC","ignoreList":[]}
|