@campxdev/react-native-blueprint 0.1.12 → 0.1.14

package/lib/module/patterns/MonthlyCalendarPattern.js

@@ -0,0 +1,465 @@
+"use strict";
+
+import * as React from 'react';
+import { View, Text as RNText, ScrollView } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+cssInterop(ScrollView, {
+  className: 'style'
+});
+const View_ = View;
+const Text_ = RNText;
+const ScrollView_ = ScrollView;
+
+// Design tokens from Figma
+const COLORS = {
+  textPrimary: '#121212',
+  textSecondary: '#6a7282',
+  textMuted: '#b4b8c1',
+  borderDefault: '#cbd5e1',
+  highlightBlue: '#4baabe',
+  highlightGreen: '#88b053',
+  highlightPurple: '#573dab',
+  highlightOrange: '#ed9035',
+  highlightPink: '#ea4a6b',
+  white: '#ffffff',
+  surfacePage: '#f7f8fa'
+};
+const SPACING = {
+  none: 0,
+  xxs: 2,
+  xs: 4,
+  sm: 8,
+  lg: 16,
+  xl: 20,
+  huge: 32
+};
+const RADIUS = {
+  rounded: 48
+};
+// Event categories with their associated colors
+const EVENT_CATEGORIES = [{
+  id: 'theory',
+  label: 'Theory Class',
+  color: COLORS.highlightBlue
+}, {
+  id: 'practical',
+  label: 'Practical',
+  color: COLORS.highlightGreen
+}, {
+  id: 'exam',
+  label: 'Exam',
+  color: COLORS.highlightPurple
+}, {
+  id: 'submission',
+  label: 'Submission',
+  color: COLORS.highlightOrange
+}, {
+  id: 'event',
+  label: 'Event',
+  color: COLORS.highlightPink
+}];
+const EventCategoryBadge = ({
+  category
+}) => /*#__PURE__*/_jsxs(View_, {
+  style: {
+    flexDirection: 'row',
+    gap: SPACING.xs,
+    paddingHorizontal: SPACING.sm,
+    paddingVertical: SPACING.xs,
+    borderRadius: RADIUS.rounded,
+    borderWidth: 1,
+    borderColor: COLORS.borderDefault,
+    alignItems: 'center'
+  },
+  children: [/*#__PURE__*/_jsx(View_, {
+    style: {
+      width: 12,
+      height: 12,
+      borderRadius: 6,
+      backgroundColor: category.color
+    }
+  }), /*#__PURE__*/_jsx(Text_, {
+    className: "text-xs font-medium",
+    style: {
+      color: COLORS.textSecondary
+    },
+    children: category.label
+  })]
+});
+const EventDots = ({
+  events
+}) => {
+  if (!events || events.length === 0) return null;
+  const displayEvents = events.slice(0, 3);
+  const overflow = Math.max(0, events.length - 3);
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 2,
+      height: 8
+    },
+    children: [displayEvents.map((event, idx) => {
+      const category = EVENT_CATEGORIES.find(c => c.id === event.categoryId);
+      return /*#__PURE__*/_jsx(View_, {
+        style: {
+          width: 6,
+          height: 6,
+          borderRadius: 3,
+          backgroundColor: category?.color || COLORS.textSecondary
+        }
+      }, idx);
+    }), overflow > 0 && /*#__PURE__*/_jsxs(Text_, {
+      className: "text-2xs font-medium",
+      style: {
+        color: COLORS.textSecondary,
+        marginLeft: 2
+      },
+      children: ["+", overflow]
+    })]
+  });
+};
+const CalendarItem = ({
+  date
+}) => {
+  const {
+    date: dateNum,
+    events,
+    isSelected,
+    isEmpty,
+    hasNoEvents
+  } = date;
+  if (isEmpty) {
+    return /*#__PURE__*/_jsx(View_, {
+      style: {
+        width: 60,
+        height: 60,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    });
+  }
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      width: 60,
+      height: 60,
+      justifyContent: 'center',
+      alignItems: 'center',
+      gap: SPACING.sm
+    },
+    children: [isSelected ? /*#__PURE__*/_jsx(View_, {
+      style: {
+        width: 32,
+        height: 32,
+        borderRadius: RADIUS.rounded,
+        backgroundColor: COLORS.highlightPurple,
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Text_, {
+        className: "font-semibold text-base text-center",
+        style: {
+          color: COLORS.white
+        },
+        children: dateNum
+      })
+    }) : /*#__PURE__*/_jsx(Text_, {
+      className: "font-semibold text-base text-center",
+      style: {
+        color: COLORS.textPrimary
+      },
+      children: dateNum
+    }), hasNoEvents ? /*#__PURE__*/_jsx(Text_, {
+      className: "text-2xs font-medium text-center",
+      style: {
+        color: COLORS.textSecondary
+      },
+      children: "No Events"
+    }) : /*#__PURE__*/_jsx(EventDots, {
+      events: events
+    })]
+  });
+};
+const Divider = () => /*#__PURE__*/_jsx(View_, {
+  style: {
+    height: 1,
+    backgroundColor: COLORS.borderDefault,
+    width: '100%'
+  }
+});
+const DateRow = ({
+  dates
+}) => /*#__PURE__*/_jsx(View_, {
+  style: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '100%'
+  },
+  children: dates.map((date, idx) => /*#__PURE__*/_jsx(CalendarItem, {
+    date: date
+  }, idx))
+});
+const MonthCalendar = ({
+  month
+}) => {
+  const dateRows = [[{
+    date: 29,
+    isEmpty: true
+  }, {
+    date: 30,
+    isEmpty: true
+  }, {
+    date: 31,
+    isEmpty: true
+  }, {
+    date: 1,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 2,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'exam'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 3,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 4,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }], [{
+    date: 5,
+    events: [{
+      categoryId: 'theory'
+    }]
+  }, {
+    date: 6,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 7
+  }, {
+    date: 8
+  }, {
+    date: 9,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 10,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 11,
+    events: [{
+      categoryId: 'theory'
+    }]
+  }], [{
+    date: 12
+  }, {
+    date: 13,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 14
+  }, {
+    date: 15,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 16,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 17
+  }, {
+    date: 18,
+    events: [{
+      categoryId: 'theory'
+    }]
+  }], [{
+    date: 19,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 20,
+    hasNoEvents: true
+  }, {
+    date: 21,
+    hasNoEvents: true
+  }, {
+    date: 22,
+    hasNoEvents: true
+  }, {
+    date: 23,
+    hasNoEvents: true
+  }, {
+    date: 24,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 25
+  }], [{
+    date: 26,
+    isSelected: true,
+    events: [{
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 27,
+    events: [{
+      categoryId: 'exam'
+    }, {
+      categoryId: 'theory'
+    }]
+  }, {
+    date: 28,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }]
+  }, {
+    date: 29,
+    events: [{
+      categoryId: 'theory'
+    }, {
+      categoryId: 'practical'
+    }, {
+      categoryId: 'event'
+    }]
+  }, {
+    date: 30,
+    events: [{
+      categoryId: 'exam'
+    }]
+  }, {
+    date: 31
+  }, {
+    date: 25,
+    isEmpty: true
+  }]];
+  return /*#__PURE__*/_jsxs(View_, {
+    style: {
+      gap: SPACING.lg
+    },
+    children: [/*#__PURE__*/_jsx(View_, {
+      style: {
+        paddingHorizontal: SPACING.lg,
+        paddingVertical: SPACING.xs
+      },
+      children: /*#__PURE__*/_jsx(Text_, {
+        className: "font-semibold text-lg",
+        style: {
+          color: COLORS.textPrimary
+        },
+        children: month
+      })
+    }), /*#__PURE__*/_jsxs(View_, {
+      style: {
+        gap: SPACING.xs
+      },
+      children: [/*#__PURE__*/_jsx(View_, {
+        style: {
+          flexDirection: 'row',
+          justifyContent: 'space-between',
+          paddingHorizontal: SPACING.lg
+        },
+        children: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'].map(day => /*#__PURE__*/_jsx(View_, {
+          style: {
+            width: 60
+          },
+          children: /*#__PURE__*/_jsx(Text_, {
+            className: "text-xs font-medium text-center",
+            style: {
+              color: COLORS.textMuted
+            },
+            children: day
+          })
+        }, day))
+      }), /*#__PURE__*/_jsx(View_, {
+        style: {
+          gap: SPACING.lg
+        },
+        children: dateRows.map((row, rowIdx) => /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(DateRow, {
+            dates: row
+          })]
+        }, rowIdx))
+      })]
+    })]
+  });
+};
+export const MonthlyCalendarPattern = () => {
+  return /*#__PURE__*/_jsx(ScrollView_, {
+    className: "flex-1",
+    style: {
+      backgroundColor: COLORS.surfacePage
+    },
+    children: /*#__PURE__*/_jsxs(View_, {
+      style: {
+        gap: SPACING.lg,
+        paddingVertical: SPACING.xl
+      },
+      children: [/*#__PURE__*/_jsx(ScrollView_, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        style: {
+          paddingHorizontal: SPACING.xl,
+          gap: SPACING.sm
+        },
+        contentContainerStyle: {
+          gap: SPACING.sm
+        },
+        children: EVENT_CATEGORIES.map(category => /*#__PURE__*/_jsx(EventCategoryBadge, {
+          category: category
+        }, category.id))
+      }), /*#__PURE__*/_jsxs(View_, {
+        style: {
+          gap: SPACING.huge
+        },
+        children: [/*#__PURE__*/_jsx(MonthCalendar, {
+          month: "January"
+        }), /*#__PURE__*/_jsx(MonthCalendar, {
+          month: "February"
+        }), /*#__PURE__*/_jsx(MonthCalendar, {
+          month: "March"
+        })]
+      })]
+    })
+  });
+};
+export default MonthlyCalendarPattern;
+//# sourceMappingURL=MonthlyCalendarPattern.js.map

package/lib/module/patterns/MonthlyCalendarPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","RNText","ScrollView","cssInterop","jsx","_jsx","jsxs","_jsxs","className","View_","Text_","ScrollView_","COLORS","textPrimary","textSecondary","textMuted","borderDefault","highlightBlue","highlightGreen","highlightPurple","highlightOrange","highlightPink","white","surfacePage","SPACING","none","xxs","xs","sm","lg","xl","huge","RADIUS","rounded","EVENT_CATEGORIES","id","label","color","EventCategoryBadge","category","style","flexDirection","gap","paddingHorizontal","paddingVertical","borderRadius","borderWidth","borderColor","alignItems","children","width","height","backgroundColor","EventDots","events","length","displayEvents","slice","overflow","Math","max","map","event","idx","find","c","categoryId","marginLeft","CalendarItem","date","dateNum","isSelected","isEmpty","hasNoEvents","justifyContent","Divider","DateRow","dates","MonthCalendar","month","dateRows","day","row","rowIdx","Fragment","MonthlyCalendarPattern","horizontal","showsHorizontalScrollIndicator","contentContainerStyle"],"sourceRoot":"../../../src","sources":["patterns/MonthlyCalendarPattern.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/patterns/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// Pattern Components
+export * from "./pattern-components/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/patterns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["patterns/index.ts"],"mappings":";;AAAA;AACA,cAAc,+BAAsB","ignoreList":[]}

package/lib/module/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AlertDialogPattern } from "./AlertDialogPattern.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3663';
+
+/**
+ * AlertDialogPattern - Pattern component for modal alert dialogs
+ *
+ * Use cases:
+ * - Confirm destructive actions (delete, remove, clear)
+ * - Request critical user decisions
+ * - Alert users to important information requiring acknowledgment
+ * - System notifications requiring immediate response
+ *
+ * Features:
+ * - Modal overlay background
+ * - Configurable title and description
+ * - Confirm and optional cancel buttons
+ * - Intent variants (default and destructive)
+ * - Toggleable description and secondary action visibility
+ */
+figma.connect(AlertDialogPattern, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=AlertDialogPattern.figma.js.map

package/lib/module/patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AlertDialogPattern","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,kBAAkB,QAAQ,yBAAsB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE1D,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,kBAAkB,EAAEK,SAAS,EAAE;EAC3CE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { AlertDialog } from "../../../components/Feedback/AlertDialog/Alert-Dialog.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/* -----------------------------------------------------
+ * Types
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function AlertDialogPattern({
+  title = 'Are you absolutely sure?',
+  description = 'This action cannot be undone. This will permanently delete your account and remove your data from our servers.',
+  intent = 'default',
+  showDescription = true,
+  showSecondaryAction = true,
+  onConfirm: _onConfirm,
+  onCancel: _onCancel,
+  confirmText: _confirmText = 'Confirm',
+  cancelText: _cancelText = 'Cancel'
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "bg-[rgba(18,18,18,0.6)] content-stretch flex flex-col h-full items-center justify-center p-5",
+    children: /*#__PURE__*/_jsx(AlertDialog, {
+      title: title,
+      description: description,
+      intent: intent,
+      showDescription: showDescription,
+      showSecondaryAction: showSecondaryAction
+    })
+  });
+}
+AlertDialogPattern.displayName = 'AlertDialogPattern';
+export default AlertDialogPattern;
+//# sourceMappingURL=AlertDialogPattern.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","cssInterop","AlertDialog","jsx","_jsx","className","AlertDialogPattern","title","description","intent","showDescription","showSecondaryAction","onConfirm","_onConfirm","onCancel","_onCancel","confirmText","_confirmText","cancelText","_cancelText","children","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertDialogPattern/AlertDialogPattern.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,YAAY;AACvC,SACEC,WAAW,QAEN,0DAAuD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/DH,UAAU,CAACD,IAAI,EAAE;EAAEK,SAAS,EAAE;AAAQ,CAAC,CAAC;;AAExC;AACA;AACA;;AA+BA;AACA;AACA;;AAEA,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,KAAK,GAAG,0BAA0B;EAClCC,WAAW,GAAG,gHAAgH;EAC9HC,MAAM,GAAG,SAAS;EAClBC,eAAe,GAAG,IAAI;EACtBC,mBAAmB,GAAG,IAAI;EAC1BC,SAAS,EAAEC,UAAU;EACrBC,QAAQ,EAAEC,SAAS;EACnBC,WAAW,EAAEC,YAAY,GAAG,SAAS;EACrCC,UAAU,EAAEC,WAAW,GAAG;AACH,CAAC,EAAE;EAC1B,oBACEf,IAAA,CAACJ,IAAI;IAACK,SAAS,EAAC,8FAA8F;IAAAe,QAAA,eAC5GhB,IAAA,CAACF,WAAW;MACVK,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,MAAM,EAAEA,MAAO;MACfC,eAAe,EAAEA,eAAgB;MACjCC,mBAAmB,EAAEA;IAAoB,CAC1C;EAAC,CACE,CAAC;AAEX;AAEAL,kBAAkB,CAACe,WAAW,GAAG,oBAAoB;AAErD,eAAef,kBAAkB","ignoreList":[]}

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

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

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

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

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.figma.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { AlertPattern } from "./AlertPattern.js";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=224-3695';
+
+/**
+ * AlertPattern - Pattern component for displaying animated alerts
+ */
+figma.connect(AlertPattern, FIGMA_URL, {
+  props: {
+    children: figma.children('*')
+  },
+  example: props => /*#__PURE__*/_jsx(_Fragment, {
+    children: props.children
+  })
+});
+//# sourceMappingURL=AlertPattern.figma.js.map

package/lib/module/patterns/pattern-components/AlertPattern/AlertPattern.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","AlertPattern","Fragment","_Fragment","jsx","_jsx","FIGMA_URL","connect","props","children","example"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AlertPattern/AlertPattern.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,SAAS,GACb,qGAAqG;;AAEvG;AACA;AACA;AACAN,KAAK,CAACO,OAAO,CAACN,YAAY,EAAEK,SAAS,EAAE;EACrCE,KAAK,EAAE;IACLC,QAAQ,EAAET,KAAK,CAACS,QAAQ,CAAC,GAAG;EAC9B,CAAC;EACDC,OAAO,EAAGF,KAAK,iBAAKH,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGD,KAAK,CAACC;EAAQ,CAAG;AAC1C,CAAC,CAAC","ignoreList":[]}