@campxdev/react-native-blueprint 0.1.13 → 0.1.14

package/lib/module/components/DataDisplay/DataListItem/DataListItem.js

@@ -0,0 +1,272 @@
+"use strict";
+
+import * as React from 'react';
+import { Image, Pressable, Text as RNText, View as RNView, useColorScheme } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { ChevronRight, Check } from 'lucide-react-native';
+import { cn } from "../../../lib/utils.js";
+import { THEME } from "../../../lib/theme.js";
+import { Switch } from "../../Input/switch/Switch.js";
+
+// NativeWind interop
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+cssInterop(RNView, {
+  className: 'style'
+});
+cssInterop(Pressable, {
+  className: 'style'
+});
+cssInterop(RNText, {
+  className: 'style'
+});
+cssInterop(Image, {
+  className: 'style'
+});
+const View = RNView;
+const Text = RNText;
+
+/* -----------------------------------------------------
+ * Canonical variants (match Figma + Code Connect)
+ * --------------------------------------------------- */
+
+export const DataListItemVariants = {
+  density: ['comfortable', 'compact'],
+  state: ['default', 'pressed', 'selected', 'disabled'],
+  leadingType: ['avatar', 'icon', 'checkbox', 'image'],
+  trailingType: ['chevron', 'switch']
+};
+/* -----------------------------------------------------
+ * Root variants
+ * --------------------------------------------------- */
+
+const rootVariants = cva('w-full relative rounded-xl', {
+  variants: {
+    density: {
+      comfortable: 'flex-row justify-between items-end p-4',
+      compact: 'flex-col items-start gap-4 p-4'
+    },
+    state: {
+      default: 'bg-surface-default',
+      pressed: 'bg-surface-subtle',
+      selected: 'bg-surface-default border border-brand-primary',
+      disabled: 'bg-surface-default opacity-50'
+    }
+  },
+  defaultVariants: {
+    density: 'comfortable',
+    state: 'default'
+  }
+});
+const compactRadius = state => state === 'pressed' || state === 'selected' ? 'rounded-none' : 'rounded-xl';
+
+/* -----------------------------------------------------
+ * Props
+ * --------------------------------------------------- */
+
+/* -----------------------------------------------------
+ * Normalizers
+ * --------------------------------------------------- */
+
+function normalizeDensity(v) {
+  const s = String(v ?? 'comfortable').toLowerCase();
+  return s === 'compact' ? 'compact' : 'comfortable';
+}
+function normalizeState(v) {
+  const s = String(v ?? 'default').toLowerCase();
+  if (s === 'pressed' || s === 'selected' || s === 'disabled') return s;
+  return 'default';
+}
+
+/* -----------------------------------------------------
+ * Small UI Components
+ * --------------------------------------------------- */
+
+function LeadingImage({
+  source,
+  shape
+}) {
+  const radius = shape === 'avatar' ? 'rounded-full' : 'rounded-md';
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('w-10 h-10 overflow-hidden bg-surface-subtle', radius),
+    children: source ? /*#__PURE__*/_jsx(Image, {
+      source: source,
+      className: "w-full h-full",
+      resizeMode: "cover"
+    }) : null
+  });
+}
+function LeadingIcon({
+  icon
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "w-10 h-10 rounded-full bg-surface-subtle items-center justify-center",
+    children: icon
+  });
+}
+function LeadingCheckbox({
+  checked
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('w-4 h-4 items-center justify-center rounded-[4px] border border-brand-primary bg-surface-subtle'),
+    children: checked ? /*#__PURE__*/_jsx(Check, {
+      size: 10,
+      strokeWidth: 1.5,
+      color: "#121212"
+    }) : null
+  });
+}
+function SelectedCheckbox() {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn('absolute right-5 top-5 w-[14px] h-[14px] items-center justify-center rounded-[4px] border border-brand-primary bg-surface-subtle'),
+    children: /*#__PURE__*/_jsx(Check, {
+      size: 10,
+      strokeWidth: 1.5,
+      color: "#121212"
+    })
+  });
+}
+
+/* -----------------------------------------------------
+ * Component
+ * --------------------------------------------------- */
+
+export function DataListItem(props) {
+  const {
+    title,
+    subtitle = 'Data List Row Subtitle',
+    meta = 'Meta Content',
+    density: densityProp,
+    state: stateProp,
+    leadingType = 'avatar',
+    trailingType = 'chevron',
+    showSubtitle = true,
+    showMeta = true,
+    showLeading = true,
+    showTrailing = true,
+    showDivider = false,
+    leadingImage,
+    leadingIcon,
+    trailingSwitchChecked = false,
+    onTrailingSwitchChange,
+    trailingSwitchProps,
+    onPress,
+    style,
+    testID
+  } = props;
+  const density = normalizeDensity(densityProp);
+  const state = normalizeState(stateProp);
+  const isCompact = density === 'compact';
+  const isDisabled = state === 'disabled';
+  const isDark = useColorScheme() === 'dark';
+  const iconColor = isDark ? THEME.dark.foreground : THEME.light.foreground;
+  return /*#__PURE__*/_jsxs(View, {
+    className: "w-full",
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      testID: testID ?? 'data-list-item',
+      disabled: isDisabled,
+      onPress: isDisabled ? undefined : onPress,
+      className: cn(rootVariants({
+        density,
+        state
+      }), isCompact && compactRadius(state)),
+      style: style,
+      children: [state === 'selected' ? /*#__PURE__*/_jsx(SelectedCheckbox, {}) : null, density === 'comfortable' ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          className: "flex-1 flex-col gap-4",
+          children: [/*#__PURE__*/_jsxs(View, {
+            className: "flex-row items-center gap-3",
+            children: [showLeading ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [leadingType === 'avatar' ? /*#__PURE__*/_jsx(LeadingImage, {
+                source: leadingImage,
+                shape: "avatar"
+              }) : null, leadingType === 'image' ? /*#__PURE__*/_jsx(LeadingImage, {
+                source: leadingImage,
+                shape: "image"
+              }) : null, leadingType === 'icon' ? /*#__PURE__*/_jsx(LeadingIcon, {
+                icon: leadingIcon
+              }) : null, leadingType === 'checkbox' ? /*#__PURE__*/_jsx(LeadingCheckbox, {
+                checked: state === 'selected',
+                isDark: isDark
+              }) : null]
+            }) : null, /*#__PURE__*/_jsxs(View, {
+              className: "flex-1",
+              children: [/*#__PURE__*/_jsx(Text, {
+                className: "text-base font-semibold text-text-primary",
+                children: title
+              }), showSubtitle ? /*#__PURE__*/_jsx(Text, {
+                className: "text-xs font-medium text-text-secondary",
+                children: subtitle
+              }) : null]
+            })]
+          }), showMeta ? /*#__PURE__*/_jsx(Text, {
+            className: "text-sm font-medium text-foreground",
+            children: meta
+          }) : null]
+        }), showTrailing ? /*#__PURE__*/_jsxs(View, {
+          className: "flex-row items-center justify-end",
+          children: [trailingType === 'chevron' ? /*#__PURE__*/_jsx(ChevronRight, {
+            size: 24,
+            color: iconColor,
+            strokeWidth: 2
+          }) : null, trailingType === 'switch' ? /*#__PURE__*/_jsx(Switch, {
+            checked: trailingSwitchChecked,
+            onCheckedChange: onTrailingSwitchChange,
+            disabled: isDisabled,
+            ...trailingSwitchProps
+          }) : null]
+        }) : null]
+      }) : null, density === 'compact' ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          className: "w-full flex-row items-center gap-3",
+          children: [showLeading ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [leadingType === 'avatar' ? /*#__PURE__*/_jsx(LeadingImage, {
+              source: leadingImage,
+              shape: "avatar"
+            }) : null, leadingType === 'image' ? /*#__PURE__*/_jsx(LeadingImage, {
+              source: leadingImage,
+              shape: "image"
+            }) : null, leadingType === 'icon' ? /*#__PURE__*/_jsx(LeadingIcon, {
+              icon: leadingIcon
+            }) : null, leadingType === 'checkbox' ? /*#__PURE__*/_jsx(LeadingCheckbox, {
+              checked: state === 'selected',
+              isDark: isDark
+            }) : null]
+          }) : null, /*#__PURE__*/_jsxs(View, {
+            className: "flex-1",
+            children: [/*#__PURE__*/_jsx(Text, {
+              className: "text-base font-semibold text-text-primary",
+              children: title
+            }), showSubtitle ? /*#__PURE__*/_jsx(Text, {
+              className: "text-xs font-medium text-text-secondary",
+              children: subtitle
+            }) : null]
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "w-full flex-row items-end justify-between",
+          children: [showMeta ? /*#__PURE__*/_jsx(Text, {
+            className: "text-sm font-medium text-text-primary",
+            children: meta
+          }) : /*#__PURE__*/_jsx(View, {}), showTrailing ? /*#__PURE__*/_jsxs(View, {
+            className: "flex-row items-center justify-end",
+            children: [trailingType === 'chevron' ? /*#__PURE__*/_jsx(ChevronRight, {
+              size: 24,
+              color: iconColor,
+              strokeWidth: 2
+            }) : null, trailingType === 'switch' ? /*#__PURE__*/_jsx(Switch, {
+              checked: trailingSwitchChecked,
+              onCheckedChange: onTrailingSwitchChange,
+              disabled: isDisabled,
+              ...trailingSwitchProps
+            }) : null]
+          }) : null]
+        })]
+      }) : null]
+    }), showDivider && isCompact ? /*#__PURE__*/_jsx(View, {
+      className: "w-full h-px bg-border"
+    }) : null]
+  });
+}
+DataListItem.displayName = 'DataListItem';
+export { rootVariants };
+//# sourceMappingURL=DataListItem.js.map

package/lib/module/components/DataDisplay/DataListItem/DataListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","Pressable","Text","RNText","View","RNView","useColorScheme","cssInterop","cva","ChevronRight","Check","cn","THEME","Switch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","className","DataListItemVariants","density","state","leadingType","trailingType","rootVariants","variants","comfortable","compact","default","pressed","selected","disabled","defaultVariants","compactRadius","normalizeDensity","v","s","String","toLowerCase","normalizeState","LeadingImage","source","shape","radius","children","resizeMode","LeadingIcon","icon","LeadingCheckbox","checked","size","strokeWidth","color","SelectedCheckbox","DataListItem","props","title","subtitle","meta","densityProp","stateProp","showSubtitle","showMeta","showLeading","showTrailing","showDivider","leadingImage","leadingIcon","trailingSwitchChecked","onTrailingSwitchChange","trailingSwitchProps","onPress","style","testID","isCompact","isDisabled","isDark","iconColor","dark","foreground","light","undefined","onCheckedChange","displayName"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/DataListItem/DataListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DataDisplay/Datalist/DataList.figma.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { DataList } from "./Datalist.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=183-607';
+figma.connect(DataList, FIGMA_URL, {
+  props: {
+    style: figma.enum('style', {
+      card: 'card',
+      plain: 'plain'
+    })
+    // Data is usually dynamic, so we simulating it in example
+  },
+  example: props => /*#__PURE__*/_jsx(DataList, {
+    style: props.style,
+    data: [{
+      name: 'Jane Doe',
+      subtitle: 'Software Engineer',
+      avatarUrl: 'https://example.com/jane.png'
+    }, {
+      name: 'John Smith',
+      subtitle: 'Product Manager',
+      avatarUrl: 'https://example.com/john.png'
+    }]
+  })
+});
+//# sourceMappingURL=DataList.figma.js.map

package/lib/module/components/DataDisplay/Datalist/DataList.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","DataList","jsx","_jsx","FIGMA_URL","connect","props","style","enum","card","plain","example","data","name","subtitle","avatarUrl"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Datalist/DataList.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,SAAS,GACb,oGAAoG;AAEtGJ,KAAK,CAACK,OAAO,CAACJ,QAAQ,EAAEG,SAAS,EAAE;EACjCE,KAAK,EAAE;IACLC,KAAK,EAAEP,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MACzBC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT,CAAC;IACD;EACF,CAAC;EACDC,OAAO,EAAGL,KAAK,iBACbH,IAAA,CAACF,QAAQ;IACPM,KAAK,EAAED,KAAK,CAACC,KAAM;IACnBK,IAAI,EAAE,CACJ;MACEC,IAAI,EAAE,UAAU;MAChBC,QAAQ,EAAE,mBAAmB;MAC7BC,SAAS,EAAE;IACb,CAAC,EACD;MACEF,IAAI,EAAE,YAAY;MAClBC,QAAQ,EAAE,iBAAiB;MAC3BC,SAAS,EAAE;IACb,CAAC;EACD,CACH;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/DataDisplay/Datalist/Datalist.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import * as React from 'react';
+import { View } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+import { DataListItem } from "../DataListItem/DataListItem.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const dataListVariants = cva('w-full flex-col gap-4', {
+  variants: {
+    style: {
+      card: '',
+      plain: ''
+    }
+  },
+  defaultVariants: {
+    style: 'card'
+  }
+});
+export function DataList({
+  data,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(dataListVariants({
+      style
+    })),
+    children: data.map((item, index) => /*#__PURE__*/_jsx(DataListItem, {
+      title: item.name,
+      subtitle: item.subtitle,
+      leadingImage: {
+        uri: item.avatarUrl
+      },
+      leadingType: "avatar"
+      // DataListItem doesn't accept 'style', so we don't pass it.
+    }, index))
+  });
+}
+//# sourceMappingURL=Datalist.js.map

package/lib/module/components/DataDisplay/Datalist/Datalist.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","cva","cn","DataListItem","jsx","_jsx","dataListVariants","variants","style","card","plain","defaultVariants","DataList","data","className","children","map","item","index","title","name","subtitle","leadingImage","uri","avatarUrl","leadingType"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Datalist/Datalist.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,SAASC,EAAE,QAAQ,uBAAoB;AACvC,SAASC,YAAY,QAAQ,iCAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5D,MAAMC,gBAAgB,GAAGL,GAAG,CAAC,uBAAuB,EAAE;EACpDM,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAUF,OAAO,SAASI,QAAQA,CAAC;EAAEC,IAAI;EAAEL;AAAqB,CAAC,EAAE;EACvD,oBACEH,IAAA,CAACL,IAAI;IAACc,SAAS,EAAEZ,EAAE,CAACI,gBAAgB,CAAC;MAAEE;IAAM,CAAC,CAAC,CAAE;IAAAO,QAAA,EAC9CF,IAAI,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACpBb,IAAA,CAACF,YAAY;MAEXgB,KAAK,EAAEF,IAAI,CAACG,IAAK;MACjBC,QAAQ,EAAEJ,IAAI,CAACI,QAAS;MACxBC,YAAY,EAAE;QAAEC,GAAG,EAAEN,IAAI,CAACO;MAAU,CAAE;MACtCC,WAAW,EAAC;MACZ;IAAA,GALKP,KAMN,CACF;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/DataDisplay/MonthCalendar/MonthCalendar.figma.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { figma } from '@figma/code-connect';
+import { MonthCalendar } from "./MonthCalendar.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+figma.connect(MonthCalendar, 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=306:9028', {
+  props: {
+    month: figma.string('Month')
+  },
+  example: props => /*#__PURE__*/_jsx(MonthCalendar, {
+    ...props
+  })
+});
+export default MonthCalendar;
+//# sourceMappingURL=MonthCalendar.figma.js.map

package/lib/module/components/DataDisplay/MonthCalendar/MonthCalendar.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","MonthCalendar","jsx","_jsx","connect","props","month","string","example"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/MonthCalendar/MonthCalendar.figma.tsx"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhDH,KAAK,CAACI,OAAO,CACXH,aAAa,EACb,qGAAqG,EACrG;EACEI,KAAK,EAAE;IACLC,KAAK,EAAEN,KAAK,CAACO,MAAM,CAAC,OAAO;EAC7B,CAAC;EACDC,OAAO,EAAGH,KAAK,iBAAKF,IAAA,CAACF,aAAa;IAAA,GAAKI;EAAK,CAAG;AACjD,CACF,CAAC;AAED,eAAeJ,aAAa","ignoreList":[]}