@campxdev/react-native-blueprint 0.1.13 → 0.1.15

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

@@ -0,0 +1,182 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { View } from 'react-native';
+import { cssInterop } from 'nativewind';
+import { cva } from 'class-variance-authority';
+import { cn } from "../../../lib/utils.js";
+
+// NativeWind interop (className -> style)
+import { jsx as _jsx } from "react/jsx-runtime";
+cssInterop(View, {
+  className: 'style'
+});
+
+/**
+ * ✅ Canonical values (match Figma + Code Connect)
+ * variant: 'text' | 'circle' | 'rectangle'
+ * size: 'sm' | 'md' | 'lg' | 'xl'
+ */
+export const SkeletonVariants = {
+  size: ['sm', 'md', 'lg', 'xl'],
+  variant: ['text', 'circle', 'rectangle']
+};
+const rootVariants = cva('flex flex-col items-start', {
+  variants: {
+    variant: {
+      text: '',
+      circle: '',
+      rectangle: ''
+    },
+    size: {
+      sm: '',
+      md: '',
+      lg: '',
+      xl: ''
+    }
+  },
+  defaultVariants: {
+    variant: 'text',
+    size: 'sm'
+  }
+});
+
+/**
+ * Base skeleton block:
+ * - bg subtle + pulse
+ * - width/height controlled by variants + compound variants
+ */
+const blockVariants = cva('bg-surface-subtle animate-pulse', {
+  variants: {
+    variant: {
+      text: 'w-full',
+      circle: '',
+      rectangle: 'w-full'
+    },
+    size: {
+      // defaults (text)
+      sm: 'h-3 rounded',
+      md: 'h-4 rounded-md',
+      lg: 'h-5 rounded-md',
+      xl: 'h-5 rounded-md'
+    }
+  },
+  compoundVariants: [
+  // TEXT
+  {
+    variant: 'text',
+    size: 'sm',
+    className: 'h-3 w-[200px] rounded-xs'
+  },
+  // 12px height, 2px radius
+  {
+    variant: 'text',
+    size: 'md',
+    className: 'h-4 w-[200px] rounded-sm'
+  },
+  // 16px height, 4px radius
+  {
+    variant: 'text',
+    size: 'lg',
+    className: 'h-5 w-[200px] rounded-sm'
+  },
+  // 20px height, 4px radius
+  // xl text not defined in tokens, keeping lg fallback or removing. User didn't specify xl text.
+  // I'll map xl text to lg for now to avoid breaking if used.
+  {
+    variant: 'text',
+    size: 'xl',
+    className: 'h-5 w-[200px] rounded-sm'
+  },
+  // CIRCLE
+  {
+    variant: 'circle',
+    size: 'sm',
+    className: 'size-5 rounded-[48px]'
+  },
+  // 20px
+  {
+    variant: 'circle',
+    size: 'md',
+    className: 'size-6 rounded-[48px]'
+  },
+  // 24px
+  {
+    variant: 'circle',
+    size: 'lg',
+    className: 'size-8 rounded-[48px]'
+  },
+  // 32px
+  {
+    variant: 'circle',
+    size: 'xl',
+    className: 'size-12 rounded-[48px]'
+  },
+  // 48px
+
+  // RECTANGLE
+  {
+    variant: 'rectangle',
+    size: 'sm',
+    className: 'h-[80px] w-full rounded-md' // 8px radius
+  }, {
+    variant: 'rectangle',
+    size: 'md',
+    className: 'h-[120px] w-full rounded-lg' // 12px radius
+  }, {
+    variant: 'rectangle',
+    size: 'lg',
+    className: 'h-[200px] w-full rounded-lg' // 12px radius
+  }, {
+    variant: 'rectangle',
+    size: 'xl',
+    className: 'h-[200px] w-full rounded-lg' // mapped to lg as xl not specified
+  }],
+  defaultVariants: {
+    variant: 'text',
+    size: 'sm'
+  }
+});
+
+/**
+ * ✅ Strict rule: className must NOT be accepted as a prop.
+ * ✅ Backward compatible: accepts old 'Text'/'Sm' etc and normalizes.
+ */
+
+function normalizeSize(v) {
+  const s = String(v ?? 'sm').toLowerCase();
+  if (s === 'sm' || s === 'md' || s === 'lg' || s === 'xl') return s;
+  return 'sm';
+}
+function normalizeVariant(v) {
+  const s = String(v ?? 'text').toLowerCase();
+  if (s === 'text' || s === 'circle' || s === 'rectangle') return s;
+  return 'text';
+}
+export function Skeleton(props) {
+  const {
+    style,
+    testID
+  } = props;
+  const variant = normalizeVariant(props.variant);
+  const size = normalizeSize(props.size);
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID ?? 'skeleton',
+    className: cn(rootVariants({
+      variant,
+      size
+    })),
+    style: style,
+    children: /*#__PURE__*/_jsx(View, {
+      testID: "skeleton-block",
+      className: cn(blockVariants({
+        variant,
+        size
+      }))
+    })
+  });
+}
+Skeleton.displayName = 'Skeleton';
+export { rootVariants, blockVariants };
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","cssInterop","cva","cn","jsx","_jsx","className","SkeletonVariants","size","variant","rootVariants","variants","text","circle","rectangle","sm","md","lg","xl","defaultVariants","blockVariants","compoundVariants","normalizeSize","v","s","String","toLowerCase","normalizeVariant","Skeleton","props","style","testID","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Skeleton/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+// @ts-nocheck
+import figma from '@figma/code-connect';
+import * as React from 'react';
+import { Tooltip, TooltipTrigger, TooltipContent } from "./Tooltip.js";
+import { Text } from "../../Input/Text/Text.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=93-139';
+figma.connect(Tooltip, FIGMA_URL, {
+  props: {
+    placement: figma.enum('placement', {
+      bottom: 'bottom',
+      top: 'top',
+      left: 'left',
+      right: 'right'
+    })
+  },
+  example: ({
+    placement
+  }) => /*#__PURE__*/_jsxs(Tooltip, {
+    children: [/*#__PURE__*/_jsx(TooltipTrigger, {
+      children: /*#__PURE__*/_jsx(Text, {
+        children: "Hover me"
+      })
+    }), /*#__PURE__*/_jsx(TooltipContent, {
+      placement: placement,
+      children: /*#__PURE__*/_jsx(Text, {
+        children: "Tooltip content"
+      })
+    })]
+  })
+});
+//# sourceMappingURL=Tooltip.figma.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["figma","React","Tooltip","TooltipTrigger","TooltipContent","Text","jsx","_jsx","jsxs","_jsxs","FIGMA_URL","connect","props","placement","enum","bottom","top","left","right","example","children"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Tooltip/Tooltip.figma.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAQ,cAAW;AACnE,SAASC,IAAI,QAAQ,0BAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,SAAS,GACb,mGAAmG;AAErGV,KAAK,CAACW,OAAO,CAACT,OAAO,EAAEQ,SAAS,EAAE;EAChCE,KAAK,EAAE;IACLC,SAAS,EAAEb,KAAK,CAACc,IAAI,CAAC,WAAW,EAAE;MACjCC,MAAM,EAAE,QAAQ;MAChBC,GAAG,EAAE,KAAK;MACVC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT,CAAC;EACH,CAAC;EAEDC,OAAO,EAAEA,CAAC;IAAEN;EAAU,CAAC,kBACrBJ,KAAA,CAACP,OAAO;IAAAkB,QAAA,gBACNb,IAAA,CAACJ,cAAc;MAAAiB,QAAA,eACbb,IAAA,CAACF,IAAI;QAAAe,QAAA,EAAC;MAAQ,CAAM;IAAC,CACP,CAAC,eAEjBb,IAAA,CAACH,cAAc;MAACS,SAAS,EAAEA,SAAU;MAAAO,QAAA,eACnCb,IAAA,CAACF,IAAI;QAAAe,QAAA,EAAC;MAAe,CAAM;IAAC,CACd,CAAC;EAAA,CACV;AAEb,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+// @ts-nocheck
+import * as React from 'react';
+import { Platform } from 'react-native';
+import { cva } from 'class-variance-authority';
+import * as TooltipPrimitive from '@rn-primitives/tooltip';
+import { FadeOut, FadeInDown, FadeInUp } from 'react-native-reanimated';
+import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
+import { NativeOnlyAnimatedView } from "../../ui/Native-Only-Animated-View.js";
+import { TextClassContext } from "../../Input/Text/Text.js";
+import { cn } from "../../../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
+const tooltipContentStyles = cva('z-50 w-fit rounded-md border border-border bg-popover px-3 py-2 shadow-md');
+const tooltipTextStyles = 'text-xs text-foreground';
+function getEnteringAnimation(placement) {
+  switch (placement) {
+    case 'top':
+      return FadeInDown.withInitialValues({
+        transform: [{
+          translateY: 4
+        }]
+      }).duration(150);
+    case 'bottom':
+      return FadeInUp.withInitialValues({
+        transform: [{
+          translateY: -4
+        }]
+      }).duration(150);
+    case 'left':
+      return FadeInUp.withInitialValues({
+        transform: [{
+          translateX: 6
+        }]
+      }).duration(150);
+    case 'right':
+    default:
+      return FadeInUp.withInitialValues({
+        transform: [{
+          translateX: -6
+        }]
+      }).duration(150);
+  }
+}
+function TooltipContent({
+  sideOffset = 4,
+  placement = 'top',
+  portalHost,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(TooltipPrimitive.Portal, {
+    hostName: portalHost,
+    children: /*#__PURE__*/_jsx(FullWindowOverlay, {
+      children: /*#__PURE__*/_jsx(TooltipPrimitive.Overlay, {
+        className: "absolute inset-0",
+        children: /*#__PURE__*/_jsx(NativeOnlyAnimatedView, {
+          entering: getEnteringAnimation(placement),
+          exiting: FadeOut.duration(100),
+          children: /*#__PURE__*/_jsx(TextClassContext.Provider, {
+            value: tooltipTextStyles,
+            children: /*#__PURE__*/_jsx(TooltipPrimitive.Content, {
+              side: placement,
+              sideOffset: sideOffset,
+              className: cn(tooltipContentStyles(), Platform.select({
+                web: cn('animate-in fade-in-0 zoom-in-95 text-balance', placement === 'bottom' && 'slide-in-from-top-2', placement === 'left' && 'slide-in-from-right-2', placement === 'right' && 'slide-in-from-left-2', placement === 'top' && 'slide-in-from-bottom-2')
+              })),
+              ...props
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export { Tooltip, TooltipTrigger, TooltipContent };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","cva","TooltipPrimitive","FadeOut","FadeInDown","FadeInUp","FullWindowOverlay","RNFullWindowOverlay","NativeOnlyAnimatedView","TextClassContext","cn","jsx","_jsx","Tooltip","Root","TooltipTrigger","Trigger","OS","Fragment","tooltipContentStyles","tooltipTextStyles","getEnteringAnimation","placement","withInitialValues","transform","translateY","duration","translateX","TooltipContent","sideOffset","portalHost","props","Portal","hostName","children","Overlay","className","entering","exiting","Provider","value","Content","side","select","web"],"sourceRoot":"../../../../../src","sources":["components/DataDisplay/Tooltip/Tooltip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Feedback/Alert/Alert.figma.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import figma from '@figma/code-connect';
+import { Alert } from "./Alert.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=52-106';
+figma.connect(Alert, FIGMA_URL, {
+  props: {
+    variant: figma.enum('variant', {
+      default: 'default',
+      info: 'info',
+      success: 'success',
+      warning: 'warning',
+      destructive: 'destructive'
+    }),
+    style: figma.enum('style', {
+      subtle: 'subtle',
+      solid: 'solid',
+      outline: 'outline'
+    }),
+    showAlertDescription: figma.boolean('Show alertDescription'),
+    showAlertContent: figma.boolean('Show alertContent'),
+    showCloseIcon: figma.boolean('Show closeIcon')
+  },
+  example: props => /*#__PURE__*/_jsx(Alert, {
+    variant: props.variant,
+    alertStyle: props.style,
+    description: props.showAlertDescription ? 'This is an example alert description to show how the component looks.' : undefined,
+    bulletPoints: props.showAlertContent ? ['First item', 'Second item'] : undefined,
+    showCloseIcon: props.showCloseIcon
+  })
+});
+//# sourceMappingURL=Alert.figma.js.map

package/lib/module/components/Feedback/Alert/Alert.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","Alert","jsx","_jsx","FIGMA_URL","connect","props","variant","enum","default","info","success","warning","destructive","style","subtle","solid","outline","showAlertDescription","boolean","showAlertContent","showCloseIcon","example","alertStyle","description","undefined","bulletPoints"],"sourceRoot":"../../../../../src","sources":["components/Feedback/Alert/Alert.figma.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,qBAAqB;AACvC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhC,MAAMC,SAAS,GACb,mGAAmG;AAErGJ,KAAK,CAACK,OAAO,CAACJ,KAAK,EAAEG,SAAS,EAAE;EAC9BE,KAAK,EAAE;IACLC,OAAO,EAAEP,KAAK,CAACQ,IAAI,CAAC,SAAS,EAAE;MAC7BC,OAAO,EAAE,SAAS;MAClBC,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE,SAAS;MAClBC,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf,CAAC,CAAC;IACFC,KAAK,EAAEd,KAAK,CAACQ,IAAI,CAAC,OAAO,EAAE;MACzBO,MAAM,EAAE,QAAQ;MAChBC,KAAK,EAAE,OAAO;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,oBAAoB,EAAElB,KAAK,CAACmB,OAAO,CAAC,uBAAuB,CAAC;IAC5DC,gBAAgB,EAAEpB,KAAK,CAACmB,OAAO,CAAC,mBAAmB,CAAC;IACpDE,aAAa,EAAErB,KAAK,CAACmB,OAAO,CAAC,gBAAgB;EAC/C,CAAC;EACDG,OAAO,EAAGhB,KAAK,iBACbH,IAAA,CAACF,KAAK;IACJM,OAAO,EAAED,KAAK,CAACC,OAAQ;IACvBgB,UAAU,EAAEjB,KAAK,CAACQ,KAAM;IACxBU,WAAW,EACTlB,KAAK,CAACY,oBAAoB,GACtB,uEAAuE,GACvEO,SACL;IACDC,YAAY,EACVpB,KAAK,CAACc,gBAAgB,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,GAAGK,SAC1D;IACDJ,aAAa,EAAEf,KAAK,CAACe;EAAc,CACpC;AAEL,CAAC,CAAC","ignoreList":[]}