@campxdev/react-native-blueprint 0.1.23 → 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.
Files changed (126) hide show
  1. package/global.css +3 -3
  2. package/lib/global.css +1 -1
  3. package/lib/module/assets/icons/Image.png +0 -0
  4. package/lib/module/components/DataDisplay/Avatar/Avatar.js +1 -1
  5. package/lib/module/components/DataDisplay/Avatar/Avatar.js.map +1 -1
  6. package/lib/module/components/DataDisplay/Banner/Banner.figma.js +17 -3
  7. package/lib/module/components/DataDisplay/Banner/Banner.figma.js.map +1 -1
  8. package/lib/module/components/DataDisplay/Banner/Banner.js +138 -34
  9. package/lib/module/components/DataDisplay/Banner/Banner.js.map +1 -1
  10. package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js +2 -2
  11. package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js.map +1 -1
  12. package/lib/module/components/DataDisplay/Card/Card.figma.js +11 -4
  13. package/lib/module/components/DataDisplay/Card/Card.figma.js.map +1 -1
  14. package/lib/module/components/DataDisplay/Card/Card.js +119 -65
  15. package/lib/module/components/DataDisplay/Card/Card.js.map +1 -1
  16. package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js +54 -0
  17. package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js.map +1 -0
  18. package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js +318 -0
  19. package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js.map +1 -0
  20. package/lib/module/components/DataDisplay/ChatBubble/index.js +4 -0
  21. package/lib/module/components/DataDisplay/ChatBubble/index.js.map +1 -0
  22. package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js +69 -0
  23. package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js.map +1 -0
  24. package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js +19 -17
  25. package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js.map +1 -1
  26. package/lib/module/components/DataDisplay/FeedCard/FeedCard.js +30 -19
  27. package/lib/module/components/DataDisplay/FeedCard/FeedCard.js.map +1 -1
  28. package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js +5 -5
  29. package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js.map +1 -1
  30. package/lib/module/components/DataDisplay/Greeting/Greeting.js +46 -70
  31. package/lib/module/components/DataDisplay/Greeting/Greeting.js.map +1 -1
  32. package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js +16 -0
  33. package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js.map +1 -0
  34. package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js +111 -0
  35. package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js.map +1 -0
  36. package/lib/module/components/DataDisplay/ProfileCard/index.js +4 -0
  37. package/lib/module/components/DataDisplay/ProfileCard/index.js.map +1 -0
  38. package/lib/module/components/Input/Button/Button.js +77 -129
  39. package/lib/module/components/Input/Button/Button.js.map +1 -1
  40. package/lib/module/components/Navigation/Appbar/AppBar.figma.js +18 -6
  41. package/lib/module/components/Navigation/Appbar/AppBar.figma.js.map +1 -1
  42. package/lib/module/components/Navigation/Appbar/AppBar.js +36 -9
  43. package/lib/module/components/Navigation/Appbar/AppBar.js.map +1 -1
  44. package/lib/module/components/Navigation/Popover/Popover.js +1 -1
  45. package/lib/module/components/Navigation/Popover/Popover.js.map +1 -1
  46. package/lib/module/components/ui/index.js +2 -0
  47. package/lib/module/components/ui/index.js.map +1 -1
  48. package/lib/module/lib/theme.js +2 -2
  49. package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js +196 -0
  50. package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js.map +1 -0
  51. package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js +255 -0
  52. package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js.map +1 -0
  53. package/lib/module/patterns/pattern-components/AccountPattern/index.js +4 -0
  54. package/lib/module/patterns/pattern-components/AccountPattern/index.js.map +1 -0
  55. package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.js +1 -1
  56. package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js +2 -4
  57. package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js.map +1 -1
  58. package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js +144 -0
  59. package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js.map +1 -0
  60. package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js +213 -0
  61. package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js.map +1 -0
  62. package/lib/module/patterns/pattern-components/FeedPattern/index.js +4 -0
  63. package/lib/module/patterns/pattern-components/FeedPattern/index.js.map +1 -0
  64. package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js +70 -0
  65. package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js.map +1 -0
  66. package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js +260 -0
  67. package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js.map +1 -0
  68. package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js +4 -0
  69. package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js.map +1 -0
  70. package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js +82 -0
  71. package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js.map +1 -0
  72. package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js +256 -0
  73. package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js.map +1 -0
  74. package/lib/module/patterns/pattern-components/HomeParentPattern/index.js +4 -0
  75. package/lib/module/patterns/pattern-components/HomeParentPattern/index.js.map +1 -0
  76. package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js +73 -0
  77. package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js.map +1 -0
  78. package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js +283 -0
  79. package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js.map +1 -0
  80. package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js +4 -0
  81. package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js.map +1 -0
  82. package/lib/module/patterns/pattern-components/index.js +5 -0
  83. package/lib/module/patterns/pattern-components/index.js.map +1 -1
  84. package/package.json +27 -1
  85. package/src/assets/icons/Image.png +0 -0
  86. package/src/components/DataDisplay/Avatar/Avatar.tsx +24 -21
  87. package/src/components/DataDisplay/Banner/Banner.figma.tsx +18 -3
  88. package/src/components/DataDisplay/Banner/Banner.tsx +153 -26
  89. package/src/components/DataDisplay/CalendarItem/CalendarItem.tsx +2 -2
  90. package/src/components/DataDisplay/Card/Card.figma.tsx +7 -3
  91. package/src/components/DataDisplay/Card/Card.tsx +152 -101
  92. package/src/components/DataDisplay/ChatBubble/ChatBubble.figma.tsx +54 -0
  93. package/src/components/DataDisplay/ChatBubble/ChatBubble.tsx +404 -0
  94. package/src/components/DataDisplay/ChatBubble/index.ts +8 -0
  95. package/src/components/DataDisplay/FeedCard/AttachmentDetails.tsx +96 -0
  96. package/src/components/DataDisplay/FeedCard/FeedCard.figma.tsx +17 -15
  97. package/src/components/DataDisplay/FeedCard/FeedCard.tsx +66 -35
  98. package/src/components/DataDisplay/Greeting/Greeting.figma.tsx +5 -5
  99. package/src/components/DataDisplay/Greeting/Greeting.tsx +58 -96
  100. package/src/components/DataDisplay/ProfileCard/ProfileCard.figma.tsx +17 -0
  101. package/src/components/DataDisplay/ProfileCard/ProfileCard.tsx +173 -0
  102. package/src/components/DataDisplay/ProfileCard/index.ts +1 -0
  103. package/src/components/Input/Button/Button.tsx +71 -157
  104. package/src/components/Navigation/Appbar/AppBar.figma.tsx +18 -6
  105. package/src/components/Navigation/Appbar/AppBar.tsx +58 -13
  106. package/src/components/Navigation/Popover/Popover.tsx +3 -3
  107. package/src/components/ui/index.ts +2 -0
  108. package/src/lib/theme.ts +2 -2
  109. package/src/patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx +193 -0
  110. package/src/patterns/pattern-components/AccountPattern/AccountPattern.tsx +301 -0
  111. package/src/patterns/pattern-components/AccountPattern/index.ts +1 -0
  112. package/src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.tsx +1 -1
  113. package/src/patterns/pattern-components/CardListPattern/CardListPattern.tsx +4 -9
  114. package/src/patterns/pattern-components/FeedPattern/FeedPattern.figma.tsx +146 -0
  115. package/src/patterns/pattern-components/FeedPattern/FeedPattern.tsx +264 -0
  116. package/src/patterns/pattern-components/FeedPattern/index.ts +2 -0
  117. package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.tsx +66 -0
  118. package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.tsx +326 -0
  119. package/src/patterns/pattern-components/HomeFacultyPattern/index.ts +2 -0
  120. package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.tsx +75 -0
  121. package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.tsx +328 -0
  122. package/src/patterns/pattern-components/HomeParentPattern/index.ts +2 -0
  123. package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.tsx +66 -0
  124. package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.tsx +355 -0
  125. package/src/patterns/pattern-components/HomeStudentPattern/index.ts +2 -0
  126. package/src/patterns/pattern-components/index.ts +5 -0
@@ -0,0 +1,196 @@
1
+ "use strict";
2
+
3
+ import figma from '@figma/code-connect';
4
+ import { AccountPattern } from "./AccountPattern.js";
5
+ import { jsx as _jsx } from "react/jsx-runtime";
6
+ const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=417-194764';
7
+
8
+ /**
9
+ * AccountPattern - Account/Profile screen layout pattern
10
+ *
11
+ * Use cases:
12
+ * - User account and profile management screens
13
+ * - Settings and preferences pages
14
+ * - Account information dashboards
15
+ * - Categorized account options (Academics, Finance, Utilities)
16
+ *
17
+ * Features:
18
+ * - User profile card at the top with name and ID
19
+ * - Multiple grouped sections with data list items
20
+ * - Support for custom sections (Academics, Finance, Utilities, etc.)
21
+ * - Full customization of section items and properties
22
+ * - Scrollable layout for long content
23
+ * - All sections independently configurable
24
+ *
25
+ * Customization:
26
+ * - Show/hide profile card
27
+ * - Customize user profile information
28
+ * - Add, remove, or customize sections
29
+ * - Configure each item's visibility toggles and actions
30
+ * - Set up callbacks for profile and item interactions
31
+ * - Adapt content based on user role or backend data
32
+ */
33
+ figma.connect(AccountPattern, FIGMA_URL, {
34
+ example: () => /*#__PURE__*/_jsx(AccountPattern, {
35
+ showProfileCard: true,
36
+ userName: "Marshall Mathers",
37
+ userID: "3472732323",
38
+ avatarInitials: "MM",
39
+ avatarType: "image",
40
+ sections: [{
41
+ id: 'academics',
42
+ title: 'Academics',
43
+ items: [{
44
+ id: '1',
45
+ title: 'Data List Row Title',
46
+ subtitle: 'Data List Row Subtitle',
47
+ meta: 'Meta Content',
48
+ density: 'comfortable',
49
+ state: 'default',
50
+ showSubtitle: true,
51
+ showLeading: true,
52
+ showTrailing: true,
53
+ showDivider: true,
54
+ leadingImage: {
55
+ uri: 'https://example.com/avatar.png'
56
+ }
57
+ }, {
58
+ id: '2',
59
+ title: 'Data List Row Title',
60
+ subtitle: 'Data List Row Subtitle',
61
+ meta: 'Meta Content',
62
+ density: 'comfortable',
63
+ state: 'default',
64
+ showSubtitle: true,
65
+ showLeading: true,
66
+ showTrailing: true,
67
+ showDivider: true,
68
+ leadingImage: {
69
+ uri: 'https://example.com/avatar.png'
70
+ }
71
+ }, {
72
+ id: '3',
73
+ title: 'Data List Row Title',
74
+ subtitle: 'Data List Row Subtitle',
75
+ meta: 'Meta Content',
76
+ density: 'comfortable',
77
+ state: 'default',
78
+ showSubtitle: true,
79
+ showLeading: true,
80
+ showTrailing: true,
81
+ showDivider: true,
82
+ leadingImage: {
83
+ uri: 'https://example.com/avatar.png'
84
+ }
85
+ }, {
86
+ id: '4',
87
+ title: 'Data List Row Title',
88
+ subtitle: 'Data List Row Subtitle',
89
+ meta: 'Meta Content',
90
+ density: 'comfortable',
91
+ state: 'default',
92
+ showSubtitle: true,
93
+ showLeading: true,
94
+ showTrailing: true,
95
+ showDivider: true,
96
+ leadingImage: {
97
+ uri: 'https://example.com/avatar.png'
98
+ }
99
+ }]
100
+ }, {
101
+ id: 'finance',
102
+ title: 'Finance',
103
+ items: [{
104
+ id: '5',
105
+ title: 'Data List Row Title',
106
+ subtitle: 'Data List Row Subtitle',
107
+ meta: 'Meta Content',
108
+ density: 'comfortable',
109
+ state: 'default',
110
+ showSubtitle: true,
111
+ showLeading: true,
112
+ showTrailing: true,
113
+ showDivider: true,
114
+ leadingImage: {
115
+ uri: 'https://example.com/avatar.png'
116
+ }
117
+ }, {
118
+ id: '6',
119
+ title: 'Data List Row Title',
120
+ subtitle: 'Data List Row Subtitle',
121
+ meta: 'Meta Content',
122
+ density: 'comfortable',
123
+ state: 'default',
124
+ showSubtitle: true,
125
+ showLeading: true,
126
+ showTrailing: true,
127
+ showDivider: true,
128
+ leadingImage: {
129
+ uri: 'https://example.com/avatar.png'
130
+ }
131
+ }, {
132
+ id: '7',
133
+ title: 'Data List Row Title',
134
+ subtitle: 'Data List Row Subtitle',
135
+ meta: 'Meta Content',
136
+ density: 'comfortable',
137
+ state: 'default',
138
+ showSubtitle: true,
139
+ showLeading: true,
140
+ showTrailing: true,
141
+ showDivider: true,
142
+ leadingImage: {
143
+ uri: 'https://example.com/avatar.png'
144
+ }
145
+ }]
146
+ }, {
147
+ id: 'utilities',
148
+ title: 'Utilities',
149
+ items: [{
150
+ id: '8',
151
+ title: 'Data List Row Title',
152
+ subtitle: 'Data List Row Subtitle',
153
+ meta: 'Meta Content',
154
+ density: 'comfortable',
155
+ state: 'default',
156
+ showSubtitle: true,
157
+ showLeading: true,
158
+ showTrailing: true,
159
+ showDivider: true,
160
+ leadingImage: {
161
+ uri: 'https://example.com/avatar.png'
162
+ }
163
+ }, {
164
+ id: '9',
165
+ title: 'Data List Row Title',
166
+ subtitle: 'Data List Row Subtitle',
167
+ meta: 'Meta Content',
168
+ density: 'comfortable',
169
+ state: 'default',
170
+ showSubtitle: true,
171
+ showLeading: true,
172
+ showTrailing: true,
173
+ showDivider: true,
174
+ leadingImage: {
175
+ uri: 'https://example.com/avatar.png'
176
+ }
177
+ }, {
178
+ id: '10',
179
+ title: 'Data List Row Title',
180
+ subtitle: 'Data List Row Subtitle',
181
+ meta: 'Meta Content',
182
+ density: 'comfortable',
183
+ state: 'default',
184
+ showSubtitle: true,
185
+ showLeading: true,
186
+ showTrailing: true,
187
+ showDivider: true,
188
+ leadingImage: {
189
+ uri: 'https://example.com/avatar.png'
190
+ }
191
+ }]
192
+ }],
193
+ onProfilePress: () => console.log('Profile pressed')
194
+ })
195
+ });
196
+ //# sourceMappingURL=AccountPattern.figma.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["figma","AccountPattern","jsx","_jsx","FIGMA_URL","connect","example","showProfileCard","userName","userID","avatarInitials","avatarType","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","onProfilePress","console","log"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,255 @@
1
+ "use strict";
2
+
3
+ // @ts-nocheck
4
+ import { View, ScrollView } from 'react-native';
5
+ import { ProfileCard } from "../../../components/DataDisplay/ProfileCard/ProfileCard.js";
6
+ import { DataListItem } from "../../../components/DataDisplay/DataListItem/DataListItem.js";
7
+ import { Text } from "../../../components/Input/Text/Text.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
+ * AccountPattern Component
19
+ *
20
+ * A comprehensive account/profile layout pattern that displays:
21
+ * - User profile card at the top with name and ID
22
+ * - Multiple grouped sections with DataList items
23
+ * - Support for Academics, Finance, Utilities, and custom sections
24
+ * - Full customization of sections and items
25
+ *
26
+ * @example
27
+ * ```tsx
28
+ * <AccountPattern
29
+ * showProfileCard={true}
30
+ * userName="Marshall Mathers"
31
+ * userID="3472732323"
32
+ * sections={[...]}
33
+ * />
34
+ * ```
35
+ */
36
+ export function AccountPattern({
37
+ // Profile section
38
+ showProfileCard = true,
39
+ userName = 'Marshall Mathers',
40
+ userID = '3472732323',
41
+ avatarInitials = 'MM',
42
+ avatarType = 'image',
43
+ onProfilePress,
44
+ // Sections
45
+ sections = [{
46
+ id: 'academics',
47
+ title: 'Academics',
48
+ items: [{
49
+ id: '1',
50
+ title: 'Data List Row Title',
51
+ subtitle: 'Data List Row Subtitle',
52
+ meta: 'Meta Content',
53
+ density: 'comfortable',
54
+ state: 'default',
55
+ showSubtitle: true,
56
+ showLeading: true,
57
+ showTrailing: true,
58
+ showDivider: true,
59
+ leadingImage: {
60
+ uri: 'https://example.com/avatar.png'
61
+ }
62
+ }, {
63
+ id: '2',
64
+ title: 'Data List Row Title',
65
+ subtitle: 'Data List Row Subtitle',
66
+ meta: 'Meta Content',
67
+ density: 'comfortable',
68
+ state: 'default',
69
+ showSubtitle: true,
70
+ showLeading: true,
71
+ showTrailing: true,
72
+ showDivider: true,
73
+ leadingImage: {
74
+ uri: 'https://example.com/avatar.png'
75
+ }
76
+ }, {
77
+ id: '3',
78
+ title: 'Data List Row Title',
79
+ subtitle: 'Data List Row Subtitle',
80
+ meta: 'Meta Content',
81
+ density: 'comfortable',
82
+ state: 'default',
83
+ showSubtitle: true,
84
+ showLeading: true,
85
+ showTrailing: true,
86
+ showDivider: true,
87
+ leadingImage: {
88
+ uri: 'https://example.com/avatar.png'
89
+ }
90
+ }, {
91
+ id: '4',
92
+ title: 'Data List Row Title',
93
+ subtitle: 'Data List Row Subtitle',
94
+ meta: 'Meta Content',
95
+ density: 'comfortable',
96
+ state: 'default',
97
+ showSubtitle: true,
98
+ showLeading: true,
99
+ showTrailing: true,
100
+ showDivider: true,
101
+ leadingImage: {
102
+ uri: 'https://example.com/avatar.png'
103
+ }
104
+ }]
105
+ }, {
106
+ id: 'finance',
107
+ title: 'Finance',
108
+ items: [{
109
+ id: '5',
110
+ title: 'Data List Row Title',
111
+ subtitle: 'Data List Row Subtitle',
112
+ meta: 'Meta Content',
113
+ density: 'comfortable',
114
+ state: 'default',
115
+ showSubtitle: true,
116
+ showLeading: true,
117
+ showTrailing: true,
118
+ showDivider: true,
119
+ leadingImage: {
120
+ uri: 'https://example.com/avatar.png'
121
+ }
122
+ }, {
123
+ id: '6',
124
+ title: 'Data List Row Title',
125
+ subtitle: 'Data List Row Subtitle',
126
+ meta: 'Meta Content',
127
+ density: 'comfortable',
128
+ state: 'default',
129
+ showSubtitle: true,
130
+ showLeading: true,
131
+ showTrailing: true,
132
+ showDivider: true,
133
+ leadingImage: {
134
+ uri: 'https://example.com/avatar.png'
135
+ }
136
+ }, {
137
+ id: '7',
138
+ title: 'Data List Row Title',
139
+ subtitle: 'Data List Row Subtitle',
140
+ meta: 'Meta Content',
141
+ density: 'comfortable',
142
+ state: 'default',
143
+ showSubtitle: true,
144
+ showLeading: true,
145
+ showTrailing: true,
146
+ showDivider: true,
147
+ leadingImage: {
148
+ uri: 'https://example.com/avatar.png'
149
+ }
150
+ }]
151
+ }, {
152
+ id: 'utilities',
153
+ title: 'Utilities',
154
+ items: [{
155
+ id: '8',
156
+ title: 'Data List Row Title',
157
+ subtitle: 'Data List Row Subtitle',
158
+ meta: 'Meta Content',
159
+ density: 'comfortable',
160
+ state: 'default',
161
+ showSubtitle: true,
162
+ showLeading: true,
163
+ showTrailing: true,
164
+ showDivider: true,
165
+ leadingImage: {
166
+ uri: 'https://example.com/avatar.png'
167
+ }
168
+ }, {
169
+ id: '9',
170
+ title: 'Data List Row Title',
171
+ subtitle: 'Data List Row Subtitle',
172
+ meta: 'Meta Content',
173
+ density: 'comfortable',
174
+ state: 'default',
175
+ showSubtitle: true,
176
+ showLeading: true,
177
+ showTrailing: true,
178
+ showDivider: true,
179
+ leadingImage: {
180
+ uri: 'https://example.com/avatar.png'
181
+ }
182
+ }, {
183
+ id: '10',
184
+ title: 'Data List Row Title',
185
+ subtitle: 'Data List Row Subtitle',
186
+ meta: 'Meta Content',
187
+ density: 'comfortable',
188
+ state: 'default',
189
+ showSubtitle: true,
190
+ showLeading: true,
191
+ showTrailing: true,
192
+ showDivider: true,
193
+ leadingImage: {
194
+ uri: 'https://example.com/avatar.png'
195
+ }
196
+ }]
197
+ }],
198
+ // Styling
199
+ style,
200
+ testID
201
+ }) {
202
+ return /*#__PURE__*/_jsx(ScrollView, {
203
+ testID: testID ?? 'account-pattern',
204
+ style: [{
205
+ flex: 1,
206
+ backgroundColor: '#f7f8fa'
207
+ }, style],
208
+ showsVerticalScrollIndicator: false,
209
+ contentContainerStyle: {
210
+ paddingVertical: 20
211
+ },
212
+ children: /*#__PURE__*/_jsxs(View, {
213
+ className: "gap-8 px-5",
214
+ children: [showProfileCard && /*#__PURE__*/_jsx(View, {
215
+ children: /*#__PURE__*/_jsx(ProfileCard, {
216
+ userName: userName,
217
+ userID: userID,
218
+ avatarInitials: avatarInitials,
219
+ avatarType: avatarType,
220
+ onPress: onProfilePress
221
+ })
222
+ }), sections.map(section => /*#__PURE__*/_jsxs(View, {
223
+ className: "gap-2",
224
+ children: [/*#__PURE__*/_jsx(Text, {
225
+ className: "text-sm font-semibold text-text-secondary px-5",
226
+ children: section.title
227
+ }), /*#__PURE__*/_jsx(View, {
228
+ className: "gap-3 px-5",
229
+ children: section.items.map(item => /*#__PURE__*/_jsx(View, {
230
+ children: /*#__PURE__*/_jsx(DataListItem, {
231
+ title: item.title,
232
+ subtitle: item.subtitle,
233
+ meta: item.meta,
234
+ density: item.density || 'comfortable',
235
+ state: item.state || 'default',
236
+ showSubtitle: item.showSubtitle,
237
+ showLeading: item.showLeading,
238
+ showTrailing: item.showTrailing,
239
+ showDivider: item.showDivider,
240
+ leadingImage: item.leadingImage,
241
+ leadingIcon: item.leadingIcon,
242
+ onPress: () => {}
243
+ })
244
+ }, item.id))
245
+ })]
246
+ }, section.id)), /*#__PURE__*/_jsx(View, {
247
+ style: {
248
+ height: 150
249
+ }
250
+ })]
251
+ })
252
+ });
253
+ }
254
+ AccountPattern.displayName = 'AccountPattern';
255
+ //# sourceMappingURL=AccountPattern.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["View","ScrollView","ProfileCard","DataListItem","Text","jsx","_jsx","jsxs","_jsxs","AccountPattern","showProfileCard","userName","userID","avatarInitials","avatarType","onProfilePress","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","style","testID","flex","backgroundColor","showsVerticalScrollIndicator","contentContainerStyle","paddingVertical","children","className","onPress","map","section","item","leadingIcon","height","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export * from "./AccountPattern.js";
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB","ignoreList":[]}
@@ -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=314-6537';
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
- cardDensity = 'comfortable',
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","cardDensity","cardTone","style","flex","gap","children","length","contentContainerStyle","paddingHorizontal","showsVerticalScrollIndicator","map","item","title","subtitle","body","badge1Text","badge2Text","primaryActionText","secondaryActionText","showMedia","showSubtitle","showBadges","showFooterActions","showLeading","showOverflowMenu","density","tone","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;AA+CA;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,WAAW,GAAG,aAAa;EAC3BC,QAAQ,GAAG;AACS,CAAC,KAAK;EAC1B,oBACER,KAAA,CAACR,IAAI;IAACiB,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,GAC/BV,SAAS,IAAIE,KAAK,CAACS,MAAM,GAAG,CAAC,iBAAIf,IAAA,CAACJ,QAAQ;MAACU,KAAK,EAAEA;IAAM,CAAE,CAAC,EAC3DD,WAAW,IAAIE,OAAO,CAACQ,MAAM,GAAG,CAAC,iBAAIf,IAAA,CAACH,SAAS;MAACU,OAAO,EAAEA;IAAQ,CAAE,CAAC,eACrEP,IAAA,CAACL,UAAU;MACTqB,qBAAqB,EAAE;QAAEH,GAAG,EAAE,EAAE;QAAEI,iBAAiB,EAAE;MAAG,CAAE;MAC1DC,4BAA4B,EAAE,KAAM;MAAAJ,QAAA,EAEnCN,IAAI,CAACW,GAAG,CAAEC,IAAI,iBACbpB,IAAA,CAACF,IAAI;QAEHuB,KAAK,EAAED,IAAI,CAACC,KAAM;QAClBC,QAAQ,EAAEF,IAAI,CAACE,QAAS;QACxBC,IAAI,EAAEH,IAAI,CAACG,IAAK;QAChBC,UAAU,EAAEJ,IAAI,CAACI,UAAW;QAC5BC,UAAU,EAAEL,IAAI,CAACK,UAAW;QAC5BC,iBAAiB,EAAEN,IAAI,CAACM,iBAAkB;QAC1CC,mBAAmB,EAAEP,IAAI,CAACO,mBAAoB;QAC9CC,SAAS,EAAER,IAAI,CAACQ,SAAS,IAAI,IAAK;QAClCC,YAAY,EAAET,IAAI,CAACS,YAAY,IAAI,IAAK;QACxCC,UAAU,EAAEV,IAAI,CAACU,UAAU,IAAI,IAAK;QACpCC,iBAAiB,EAAEX,IAAI,CAACW,iBAAiB,IAAI,IAAK;QAClDC,WAAW,EAAEZ,IAAI,CAACY,WAAW,IAAI,IAAK;QACtCC,gBAAgB,EAAEb,IAAI,CAACa,gBAAgB,IAAI,IAAK;QAChDC,OAAO,EAAEzB,WAAY;QACrB0B,IAAI,EAAEzB,QAAS;QACf0B,oBAAoB,EAAEhB,IAAI,CAACgB,oBAAqB;QAChDC,sBAAsB,EAAEjB,IAAI,CAACiB,sBAAuB;QACpDC,eAAe,EAAElB,IAAI,CAACkB;MAAgB,GAlBjClB,IAAI,CAACmB,EAmBX,CACF;IAAC,CACQ,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAEDpC,eAAe,CAACqC,WAAW,GAAG,iBAAiB","ignoreList":[]}
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