blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/components/Upload/upload.utils.js

@@ -0,0 +1,159 @@
+"use strict";
+
+import { UploadErrorReason, UploadState } from '@juspay/blend-design-system/node';
+/**
+ * Pure helpers for the native `Upload`, ported from web's
+ * `InputsV2/UploadV2/utils.ts`. DOM-bound pieces (`createClickHandler`,
+ * `useUploadState`, `createDragHandlers`) are deliberately not ported —
+ * there is no file input and no drag-and-drop on RN.
+ */
+
+export const FILE_NAME_TAG_MAX_LEN = 24;
+export const truncateFileNameForTag = name => name.length > FILE_NAME_TAG_MAX_LEN ? `${name.slice(0, FILE_NAME_TAG_MAX_LEN)}…` : name;
+
+/**
+ * Web's `getFileId` reads `file.lastModified`, which a DOM `File` has and a
+ * picker result does not. Native falls back to `Date.now()` plus the index,
+ * keeping the same "unique per batch" guarantee.
+ */
+export const getFileId = (uploadFile, index) => uploadFile.id ?? `${uploadFile.name}-${uploadFile.size}-${Date.now()}-${index}`;
+
+/**
+ * Web's `isFileTypeAccepted` operating on `{name, type}` instead of a DOM
+ * `File` — the exact shape `UploadFileNativeItem` carries. Extension
+ * (`.pdf`), group (`image/*`) and exact-mime (`application/pdf`) rules are
+ * identical, as is the empty-list-accepts-everything behaviour.
+ */
+export const isFileTypeAccepted = (file, acceptedFileTypes) => {
+  if (acceptedFileTypes.length === 0) return true;
+  const fileName = file.name.toLowerCase();
+  const fileType = (file.type ?? '').toLowerCase();
+  return acceptedFileTypes.some(acceptedType => {
+    const normalizedAcceptedType = acceptedType.trim().toLowerCase();
+    if (!normalizedAcceptedType) return false;
+    if (normalizedAcceptedType.startsWith('.')) {
+      return fileName.endsWith(normalizedAcceptedType);
+    }
+    if (normalizedAcceptedType.endsWith('/*')) {
+      const acceptedGroup = normalizedAcceptedType.slice(0, -1);
+      return fileType.startsWith(acceptedGroup);
+    }
+    return fileType === normalizedAcceptedType;
+  });
+};
+export const formatFileSize = sizeInBytes => {
+  if (sizeInBytes >= 1024 * 1024) {
+    const sizeInMb = sizeInBytes / (1024 * 1024);
+    return `${Number(sizeInMb.toFixed(2))} MB`;
+  }
+  if (sizeInBytes >= 1024) {
+    const sizeInKb = sizeInBytes / 1024;
+    return `${Number(sizeInKb.toFixed(2))} KB`;
+  }
+  return `${sizeInBytes} B`;
+};
+const KNOWN_UPLOAD_ERROR_REASONS = ['oversized', 'maxFiles', 'invalidType'];
+export const isKnownUploadErrorReason = reason => KNOWN_UPLOAD_ERROR_REASONS.includes(reason);
+export const normalizeUploadErrorReason = reason => isKnownUploadErrorReason(reason) ? reason : undefined;
+export const getValidationMessage = (reason, maxSize, maxFiles) => {
+  switch (normalizeUploadErrorReason(reason)) {
+    case 'oversized':
+      return maxSize ? `File is too large. Max size is ${formatFileSize(maxSize)}` : 'File is too large';
+    case 'maxFiles':
+      return maxFiles ? `File limit exceeded. Maximum ${maxFiles} files allowed` : 'File limit exceeded';
+    case 'invalidType':
+      return 'Invalid file type';
+    default:
+      return 'Invalid file';
+  }
+};
+
+/**
+ * The validation half of web's inline `validateFiles`, extracted so apps can
+ * fulfill the native API contract: `onChange` hands back
+ * `UploadFileNativeItem`s already marked, but the app is the one producing
+ * items from a picker, so it must run this before appending.
+ *
+ * Marks each item with `isValid`/`errorReason` in web's precedence order —
+ * maxFiles (index ≥ remaining slots), invalid type, oversized — and returns
+ * new copies; the input array is never mutated.
+ *
+ * `remainingSlots` semantics match web: `maxFiles` limits a multi-upload
+ * against the files already present (`existingCount`); when `multiple` is
+ * false the limit is 1 with no credit for existing files (a single-file
+ * upload replaces, it does not append).
+ */
+
+export const validateUploadFiles = (items, {
+  acceptedTypes = [],
+  maxSize = 0,
+  maxFiles,
+  multiple = true,
+  existingCount = 0
+} = {}) => {
+  const limit = maxFiles ?? (multiple ? undefined : 1);
+  const remainingSlots = limit !== undefined && multiple ? limit - existingCount : limit ?? Infinity;
+  return items.map((item, index) => {
+    const base = {
+      ...item,
+      id: item.id ?? `${item.name}-${item.size}-${Date.now()}-${index}`
+    };
+    if (limit !== undefined && index >= remainingSlots) {
+      return {
+        ...base,
+        isValid: false,
+        errorReason: UploadErrorReason.MAX_FILES
+      };
+    }
+    if (!isFileTypeAccepted(item, acceptedTypes)) {
+      return {
+        ...base,
+        isValid: false,
+        errorReason: UploadErrorReason.INVALID_TYPE
+      };
+    }
+    if (maxSize && item.size > maxSize) {
+      return {
+        ...base,
+        isValid: false,
+        errorReason: UploadErrorReason.OVERSIZED
+      };
+    }
+    return {
+      ...base,
+      isValid: true
+    };
+  });
+};
+
+/**
+ * Native state derivation — deliberately NOT the shared `getFieldState`:
+ * invalid files force ERROR even when the prop `state` is IDLE, which is
+ * web's `displayUploadState` resolution.
+ */
+export const getUploadDisplayState = (state = UploadState.IDLE, disabled, hasInvalidFiles) => {
+  if (disabled || state === UploadState.DISABLED) return UploadState.DISABLED;
+  if (hasInvalidFiles) return UploadState.ERROR;
+  return state;
+};
+
+/**
+ * The single-file error aggregation web renders inside the container when
+ * `state===ERROR && !errorText && !multiple`: collect the distinct reasons
+ * across invalid files, in the fixed oversized → maxFiles → invalidType
+ * order, and join their messages. Returns the generic message when there
+ * are no invalid files.
+ */
+export const getAggregatedErrorMessage = (files, maxSize, maxFiles) => {
+  const reasons = new Set();
+  for (const file of files) {
+    const reason = normalizeUploadErrorReason(file.errorReason);
+    if (reason) reasons.add(reason);
+  }
+  const errors = [];
+  if (reasons.has(UploadErrorReason.OVERSIZED)) errors.push(getValidationMessage('oversized', maxSize, maxFiles));
+  if (reasons.has(UploadErrorReason.MAX_FILES)) errors.push(getValidationMessage('maxFiles', maxSize, maxFiles));
+  if (reasons.has(UploadErrorReason.INVALID_TYPE)) errors.push(getValidationMessage('invalidType', maxSize, maxFiles));
+  return errors.length > 0 ? errors.join(', ') : getValidationMessage(undefined, maxSize, maxFiles);
+};
+//# sourceMappingURL=upload.utils.js.map

package/lib/module/components/Upload/upload.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UploadErrorReason","UploadState","FILE_NAME_TAG_MAX_LEN","truncateFileNameForTag","name","length","slice","getFileId","uploadFile","index","id","size","Date","now","isFileTypeAccepted","file","acceptedFileTypes","fileName","toLowerCase","fileType","type","some","acceptedType","normalizedAcceptedType","trim","startsWith","endsWith","acceptedGroup","formatFileSize","sizeInBytes","sizeInMb","Number","toFixed","sizeInKb","KNOWN_UPLOAD_ERROR_REASONS","isKnownUploadErrorReason","reason","includes","normalizeUploadErrorReason","undefined","getValidationMessage","maxSize","maxFiles","validateUploadFiles","items","acceptedTypes","multiple","existingCount","limit","remainingSlots","Infinity","map","item","base","isValid","errorReason","MAX_FILES","INVALID_TYPE","OVERSIZED","getUploadDisplayState","state","IDLE","disabled","hasInvalidFiles","DISABLED","ERROR","getAggregatedErrorMessage","files","reasons","Set","add","errors","has","push","join"],"sourceRoot":"../../../../src","sources":["components/Upload/upload.utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/shared/GroupView.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { Children, cloneElement, forwardRef, isValidElement } from 'react';
+import { View } from 'react-native';
+import { FOUNDATION_THEME } from '@juspay/blend-design-system/node';
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import { getGroupPosition } from "./group.js";
+
+/**
+ * Internal container behind `ButtonGroup` and `TagGroup` — the native
+ * analogue of web's `Primitives/Group`. Not exported from the package.
+ *
+ * Mirrors web's behavior exactly:
+ * - `stacked` joins members edge to edge (zero gap) and injects each child's
+ *   position through `positionProp` via `cloneElement`; the child collapses
+ *   its own radius/borders from that prop.
+ * - Non-stacked renders children verbatim with a gap — no injection.
+ * - Non-element children pass through untouched.
+ *
+ * Divergence from web's `role="group"` + `aria-label`: the container is
+ * deliberately NOT `accessible` — on RN that collapses every member into one
+ * accessibility node and makes them individually unreachable (the Alert
+ * container regression). `accessibilityLabel` is still set for test hooks
+ * and future platform support.
+ */
+
+/** Web's Group default gap: `FOUNDATION_THEME.unit[10]`. */
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_GAP = parseDimension(String(FOUNDATION_THEME.unit[10])) ?? 10;
+const GroupView = /*#__PURE__*/forwardRef(function GroupView({
+  stacked = false,
+  gap,
+  positionProp,
+  children,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const resolvedGap = stacked ? 0 : parseDimension(gap) ?? DEFAULT_GAP;
+  const totalChildren = Children.count(children);
+  const content = stacked ? Children.map(children, (child, index) => {
+    if (! /*#__PURE__*/isValidElement(child)) return child;
+    return /*#__PURE__*/cloneElement(child, {
+      [positionProp]: getGroupPosition(index, totalChildren)
+    });
+  }) : children;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'stretch',
+      gap: resolvedGap
+    }, style],
+    children: content
+  });
+});
+export default GroupView;
+//# sourceMappingURL=GroupView.js.map

package/lib/module/components/shared/GroupView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","cloneElement","forwardRef","isValidElement","View","FOUNDATION_THEME","parseDimension","getGroupPosition","jsx","_jsx","DEFAULT_GAP","String","unit","GroupView","stacked","gap","positionProp","children","accessibilityLabel","testID","style","ref","resolvedGap","totalChildren","count","content","map","child","index","flexDirection","alignItems"],"sourceRoot":"../../../../src","sources":["components/shared/GroupView.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,OAAO;AAC1E,SAASC,IAAI,QAAQ,cAAc;AAGnC,SAASC,gBAAgB,QAAQ,kCAAkC;AACnE,SAASC,cAAc,QAAQ,oCAAiC;AAChE,SAASC,gBAAgB,QAAQ,YAAS;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,WAAW,GAAGJ,cAAc,CAACK,MAAM,CAACN,gBAAgB,CAACO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;AAY3E,MAAMC,SAAS,gBAAGX,UAAU,CAAyB,SAASW,SAASA,CACnE;EACIC,OAAO,GAAG,KAAK;EACfC,GAAG;EACHC,YAAY;EACZC,QAAQ;EACRC,kBAAkB;EAClBC,MAAM;EACNC;AACJ,CAAC,EACDC,GAAG,EACL;EACE,MAAMC,WAAW,GAAGR,OAAO,GAAG,CAAC,GAAIR,cAAc,CAACS,GAAG,CAAC,IAAIL,WAAY;EAEtE,MAAMa,aAAa,GAAGvB,QAAQ,CAACwB,KAAK,CAACP,QAAQ,CAAC;EAC9C,MAAMQ,OAAO,GAAGX,OAAO,GACjBd,QAAQ,CAAC0B,GAAG,CAACT,QAAQ,EAAE,CAACU,KAAK,EAAEC,KAAK,KAAK;IACrC,IAAI,eAACzB,cAAc,CAACwB,KAAK,CAAC,EAAE,OAAOA,KAAK;IACxC,oBAAO1B,YAAY,CACf0B,KAAK,EACL;MACI,CAACX,YAAY,GAAGT,gBAAgB,CAACqB,KAAK,EAAEL,aAAa;IACzD,CACJ,CAAC;EACL,CAAC,CAAC,GACFN,QAAQ;EAEd,oBACIR,IAAA,CAACL,IAAI;IACDiB,GAAG,EAAEA,GAAI;IACTH,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAE,CACH;MACIS,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,SAAS;MACrBf,GAAG,EAAEO;IACT,CAAC,EACDF,KAAK,CACP;IAAAH,QAAA,EAEDQ;EAAO,CACN,CAAC;AAEf,CAAC,CAAC;AAEF,eAAeZ,SAAS","ignoreList":[]}

package/lib/module/components/shared/dropdown/DropdownContent.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import React, { useCallback, useRef, useState } from 'react';
+import { Pressable as RNPressable, StyleSheet } from 'react-native';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { parseBorder, parseBoxShadow, parseDimension } from "../../../adapters/cssStringAdapter.js";
+import { Portal } from "../../../overlay/portal.js";
+import { Block } from "../../../primitives/Block.js";
+import { MOTION_DURATION, MOTION_EASING } from "../../../motion/motion.js";
+import { useReduceMotion } from "../../../motion/useReduceMotion.js";
+
+/**
+ * The floating panel — a `Portal`-rendered `Animated.View` with a
+ * scale-fade entrance, positioned against the anchor via
+ * `useAnchoredPosition`.
+ *
+ * Stays transparent (opacity 0) until `position` lands — the content must
+ * remain mounted so `onLayout` fires, but should not flash at `{0, 0}`
+ * before measurement completes.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ENTER = {
+  duration: MOTION_DURATION.normal,
+  easing: Easing.bezier(...MOTION_EASING.decelerate)
+};
+const EXIT = {
+  duration: MOTION_DURATION.fast,
+  easing: Easing.bezier(...MOTION_EASING.accelerate)
+};
+export function DropdownContent({
+  open,
+  onClose,
+  position,
+  onContentLayout,
+  tokens,
+  children,
+  testID,
+  accessibilityLabel
+}) {
+  const reduceMotion = useReduceMotion();
+  const progress = useSharedValue(0);
+  const [mounted, setMounted] = useState(open);
+  React.useEffect(() => {
+    if (open) {
+      setMounted(true);
+      progress.value = withTiming(1, ENTER);
+    } else {
+      progress.value = withTiming(0, EXIT, finished => {
+        if (finished) runOnJS(setMounted)(false);
+      });
+    }
+  }, [open, progress]);
+  const animatedStyle = useAnimatedStyle(() => {
+    if (reduceMotion) {
+      return {
+        opacity: progress.value
+      };
+    }
+    return {
+      opacity: progress.value,
+      transform: [{
+        scale: 0.95 + 0.05 * progress.value
+      }]
+    };
+  }, [reduceMotion]);
+  const handleBackdropPress = useCallback(() => {
+    onClose();
+  }, [onClose]);
+  const lastPosition = useRef(null);
+  if (position) lastPosition.current = position;
+  const effectivePosition = position ?? lastPosition.current;
+  if (!mounted) return null;
+  const hasPosition = effectivePosition !== null;
+  return /*#__PURE__*/_jsxs(Portal, {
+    children: [/*#__PURE__*/_jsx(RNPressable, {
+      style: StyleSheet.absoluteFill,
+      onPress: handleBackdropPress,
+      accessibilityLabel: "Close dropdown",
+      accessibilityRole: "button"
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      onLayout: onContentLayout,
+      style: [styles.container, {
+        backgroundColor: tokens.backgroundColor,
+        borderRadius: parseDimension(tokens.borderRadius),
+        ...(parseBorder(tokens.border) ?? {}),
+        ...(parseBoxShadow(tokens.boxShadow) ?? {}),
+        paddingTop: parseDimension(tokens.paddingTop),
+        paddingRight: parseDimension(tokens.paddingRight),
+        paddingBottom: parseDimension(tokens.paddingBottom),
+        paddingLeft: parseDimension(tokens.paddingLeft),
+        minWidth: parseDimension(tokens.minWidth),
+        maxWidth: parseDimension(tokens.maxWidth),
+        maxHeight: hasPosition ? effectivePosition.maxHeight : undefined,
+        // Hidden until position lands so the content does
+        // not flash at {0,0} before measurement completes.
+        opacity: hasPosition ? undefined : 0,
+        position: 'absolute',
+        left: hasPosition ? effectivePosition.x : 0,
+        top: hasPosition ? effectivePosition.y : 0
+      }, animatedStyle],
+      accessibilityRole: "menu",
+      accessibilityLabel: accessibilityLabel,
+      testID: testID,
+      children: /*#__PURE__*/_jsx(Block, {
+        width: "100%",
+        overflow: "hidden",
+        children: children
+      })
+    })]
+  });
+}
+DropdownContent.displayName = 'DropdownContent';
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=DropdownContent.js.map

package/lib/module/components/shared/dropdown/DropdownContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","Pressable","RNPressable","StyleSheet","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","parseBorder","parseBoxShadow","parseDimension","Portal","Block","MOTION_DURATION","MOTION_EASING","useReduceMotion","jsx","_jsx","jsxs","_jsxs","ENTER","duration","normal","easing","bezier","decelerate","EXIT","fast","accelerate","DropdownContent","open","onClose","position","onContentLayout","tokens","children","testID","accessibilityLabel","reduceMotion","progress","mounted","setMounted","useEffect","value","finished","animatedStyle","opacity","transform","scale","handleBackdropPress","lastPosition","current","effectivePosition","hasPosition","style","absoluteFill","onPress","accessibilityRole","View","onLayout","styles","container","backgroundColor","borderRadius","border","boxShadow","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","maxWidth","maxHeight","undefined","left","x","top","y","width","overflow","displayName","create"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SACIC,SAAS,IAAIC,WAAW,EACxBC,UAAU,QAEP,cAAc;AACrB,OAAOC,QAAQ,IACXC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACP,yBAAyB;AAChC,SACIC,WAAW,EACXC,cAAc,EACdC,cAAc,QACX,uCAAoC;AAC3C,SAASC,MAAM,QAAQ,4BAAyB;AAChD,SAASC,KAAK,QAAQ,8BAA2B;AACjD,SAASC,eAAe,EAAEC,aAAa,QAAQ,2BAAwB;AACvE,SAASC,eAAe,QAAQ,oCAAiC;;AAIjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoBA,MAAMC,KAAK,GAAG;EACVC,QAAQ,EAAER,eAAe,CAACS,MAAM;EAChCC,MAAM,EAAEpB,MAAM,CAACqB,MAAM,CAAC,GAAGV,aAAa,CAACW,UAAU;AACrD,CAAC;AACD,MAAMC,IAAI,GAAG;EACTL,QAAQ,EAAER,eAAe,CAACc,IAAI;EAC9BJ,MAAM,EAAEpB,MAAM,CAACqB,MAAM,CAAC,GAAGV,aAAa,CAACc,UAAU;AACrD,CAAC;AAED,OAAO,SAASC,eAAeA,CAAC;EAC5BC,IAAI;EACJC,OAAO;EACPC,QAAQ;EACRC,eAAe;EACfC,MAAM;EACNC,QAAQ;EACRC,MAAM;EACNC;AACkB,CAAC,EAAE;EACrB,MAAMC,YAAY,GAAGvB,eAAe,CAAC,CAAC;EACtC,MAAMwB,QAAQ,GAAGjC,cAAc,CAAC,CAAC,CAAC;EAClC,MAAM,CAACkC,OAAO,EAAEC,UAAU,CAAC,GAAG3C,QAAQ,CAACgC,IAAI,CAAC;EAE5CnC,KAAK,CAAC+C,SAAS,CAAC,MAAM;IAClB,IAAIZ,IAAI,EAAE;MACNW,UAAU,CAAC,IAAI,CAAC;MAChBF,QAAQ,CAACI,KAAK,GAAGpC,UAAU,CAAC,CAAC,EAAEa,KAAK,CAAC;IACzC,CAAC,MAAM;MACHmB,QAAQ,CAACI,KAAK,GAAGpC,UAAU,CAAC,CAAC,EAAEmB,IAAI,EAAGkB,QAAQ,IAAK;QAC/C,IAAIA,QAAQ,EAAExC,OAAO,CAACqC,UAAU,CAAC,CAAC,KAAK,CAAC;MAC5C,CAAC,CAAC;IACN;EACJ,CAAC,EAAE,CAACX,IAAI,EAAES,QAAQ,CAAC,CAAC;EAEpB,MAAMM,aAAa,GAAGxC,gBAAgB,CAAC,MAAM;IACzC,IAAIiC,YAAY,EAAE;MACd,OAAO;QAAEQ,OAAO,EAAEP,QAAQ,CAACI;MAAM,CAAC;IACtC;IACA,OAAO;MACHG,OAAO,EAAEP,QAAQ,CAACI,KAAK;MACvBI,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAGT,QAAQ,CAACI;MAAM,CAAC;IACvD,CAAC;EACL,CAAC,EAAE,CAACL,YAAY,CAAC,CAAC;EAElB,MAAMW,mBAAmB,GAAGrD,WAAW,CAAC,MAAM;IAC1CmC,OAAO,CAAC,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMmB,YAAY,GAAGrD,MAAM,CAA0B,IAAI,CAAC;EAC1D,IAAImC,QAAQ,EAAEkB,YAAY,CAACC,OAAO,GAAGnB,QAAQ;EAC7C,MAAMoB,iBAAiB,GAAGpB,QAAQ,IAAIkB,YAAY,CAACC,OAAO;EAE1D,IAAI,CAACX,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAMa,WAAW,GAAGD,iBAAiB,KAAK,IAAI;EAE9C,oBACIjC,KAAA,CAACR,MAAM;IAAAwB,QAAA,gBAEHlB,IAAA,CAACjB,WAAW;MACRsD,KAAK,EAAErD,UAAU,CAACsD,YAAa;MAC/BC,OAAO,EAAEP,mBAAoB;MAC7BZ,kBAAkB,EAAC,gBAAgB;MACnCoB,iBAAiB,EAAC;IAAQ,CAC7B,CAAC,eACFxC,IAAA,CAACf,QAAQ,CAACwD,IAAI;MACVC,QAAQ,EAAE1B,eAAgB;MAC1BqB,KAAK,EAAE,CACHM,MAAM,CAACC,SAAS,EAChB;QACIC,eAAe,EAAE5B,MAAM,CAAC4B,eAAe;QACvCC,YAAY,EAAErD,cAAc,CAACwB,MAAM,CAAC6B,YAAY,CAAC;QACjD,IAAIvD,WAAW,CAAC0B,MAAM,CAAC8B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;QACrC,IAAIvD,cAAc,CAACyB,MAAM,CAAC+B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3CC,UAAU,EAAExD,cAAc,CAACwB,MAAM,CAACgC,UAAU,CAAC;QAC7CC,YAAY,EAAEzD,cAAc,CAACwB,MAAM,CAACiC,YAAY,CAAC;QACjDC,aAAa,EAAE1D,cAAc,CAACwB,MAAM,CAACkC,aAAa,CAAC;QACnDC,WAAW,EAAE3D,cAAc,CAACwB,MAAM,CAACmC,WAAW,CAAC;QAC/CC,QAAQ,EAAE5D,cAAc,CAACwB,MAAM,CAACoC,QAAQ,CAAC;QACzCC,QAAQ,EAAE7D,cAAc,CAACwB,MAAM,CAACqC,QAAQ,CAAC;QACzCC,SAAS,EAAEnB,WAAW,GAChBD,iBAAiB,CAAEoB,SAAS,GAC5BC,SAAS;QACf;QACA;QACA3B,OAAO,EAAEO,WAAW,GAAGoB,SAAS,GAAG,CAAC;QACpCzC,QAAQ,EAAE,UAAU;QACpB0C,IAAI,EAAErB,WAAW,GAAGD,iBAAiB,CAAEuB,CAAC,GAAG,CAAC;QAC5CC,GAAG,EAAEvB,WAAW,GAAGD,iBAAiB,CAAEyB,CAAC,GAAG;MAC9C,CAAC,EACDhC,aAAa,CACf;MACFY,iBAAiB,EAAC,MAAM;MACxBpB,kBAAkB,EAAEA,kBAAmB;MACvCD,MAAM,EAAEA,MAAO;MAAAD,QAAA,eAEflB,IAAA,CAACL,KAAK;QAACkE,KAAK,EAAC,MAAM;QAACC,QAAQ,EAAC,QAAQ;QAAA5C,QAAA,EAChCA;MAAQ,CACN;IAAC,CACG,CAAC;EAAA,CACZ,CAAC;AAEjB;AAEAN,eAAe,CAACmD,WAAW,GAAG,iBAAiB;AAE/C,MAAMpB,MAAM,GAAG3D,UAAU,CAACgF,MAAM,CAAC;EAC7BpB,SAAS,EAAE;IACPkB,QAAQ,EAAE;EACd;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/shared/dropdown/DropdownItem.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import { forwardRef, memo, useCallback } from 'react';
+import { View } from 'react-native';
+import { Check, ChevronRight } from 'lucide-react-native';
+import { Pressable } from "../../../primitives/Pressable.js";
+import { Text } from "../../../primitives/Text.js";
+import { Slot } from "../../../primitives/Slot.js";
+import { parseDimension } from "../../../adapters/cssStringAdapter.js";
+
+/**
+ * A pressable row inside a dropdown list: leading slot + label + sublabel
+ * + trailing checkmark/chevron. Generic over the item type so Menu,
+ * SingleSelect, and MultiSelect all share it.
+ *
+ * Layout matches web mobile (`SingleSelectV2MobileItem` / `SelectItemV2`):
+ * outer column with gap between the main row and the sub-label row.
+ * The main row is horizontal: leading accessory + leading slot +
+ * label (flex 1) + trailing slot/checkmark/chevron. The sub-label
+ * renders as a full-width second row below.
+ *
+ * State resolution: native has no hover/focus. `active` (pressed) is
+ * handled by `Pressable` via `activeBackground`; `selected` and `disabled`
+ * are resolved from the item adapter data.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function resolveItemState(disabled, selected) {
+  if (disabled) return 'disabled';
+  if (selected) return 'selected';
+  return 'default';
+}
+const DropdownItemImpl = /*#__PURE__*/forwardRef(function DropdownItem({
+  adapter,
+  tokens,
+  onPress,
+  testID
+}, ref) {
+  const {
+    primaryText,
+    secondaryText,
+    leadingSlot,
+    leadingAccessory,
+    trailingSlot,
+    disabled,
+    isSelected,
+    hasSubMenu,
+    item
+  } = adapter;
+  const state = resolveItemState(disabled, isSelected);
+  const handlePress = useCallback(() => {
+    if (disabled) return;
+    onPress(item);
+  }, [disabled, onPress, item]);
+  const checkmarkPosition = tokens.text.checkmark?.position ?? 'trailing';
+  const showCheckmark = isSelected && tokens.text.checkmark;
+  const checkmarkOnLeading = showCheckmark && checkmarkPosition === 'leading';
+  return /*#__PURE__*/_jsxs(Pressable, {
+    ref: ref,
+    background: tokens.backgroundColor[state],
+    activeBackground: tokens.backgroundColor.active,
+    disabledBackground: tokens.backgroundColor.disabled,
+    paddingTop: tokens.paddingTop,
+    paddingRight: tokens.paddingRight,
+    paddingBottom: tokens.paddingBottom,
+    paddingLeft: tokens.paddingLeft,
+    flexDirection: "column",
+    gap: tokens.gap,
+    borderRadius: tokens.borderRadius,
+    disabled: disabled,
+    onPress: handlePress,
+    style: tokens.margin != null ? {
+      margin: parseDimension(tokens.margin)
+    } : undefined,
+    accessibilityRole: "menuitem",
+    accessibilityState: {
+      disabled: Boolean(disabled),
+      selected: Boolean(isSelected)
+    },
+    accessibilityLabel: primaryText,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        width: '100%',
+        gap: 8
+      },
+      children: [checkmarkOnLeading && tokens.text.checkmark ? /*#__PURE__*/_jsx(Check, {
+        size: Number(tokens.text.checkmark.width) || 16,
+        color: tokens.text.checkmark.color
+      }) : null, leadingAccessory, leadingSlot ? /*#__PURE__*/_jsx(Slot, {
+        maxHeight: tokens.text.leftSlot.maxHeight,
+        color: tokens.text.color[state],
+        hidden: true,
+        children: leadingSlot
+      }) : null, /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: 1,
+          flexShrink: 1
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          fontSize: tokens.text.fontSize,
+          fontWeight: tokens.text.fontWeight,
+          lineHeight: tokens.text.lineHeight,
+          color: tokens.text.color[state],
+          numberOfLines: 1,
+          children: primaryText
+        })
+      }), trailingSlot, showCheckmark && !checkmarkOnLeading && tokens.text.checkmark ? /*#__PURE__*/_jsx(Check, {
+        size: Number(tokens.text.checkmark.width) || 16,
+        color: tokens.text.checkmark.color
+      }) : null, hasSubMenu ? /*#__PURE__*/_jsx(ChevronRight, {
+        size: Number(tokens.text.rightChevron.width) || 16,
+        color: tokens.text.rightChevron.color
+      }) : null]
+    }), secondaryText ? /*#__PURE__*/_jsx(View, {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(Text, {
+        fontSize: tokens.text.subText.fontSize,
+        fontWeight: tokens.text.subText.fontWeight,
+        lineHeight: tokens.text.subText.lineHeight,
+        color: tokens.text.subText.color[state],
+        numberOfLines: 1,
+        children: secondaryText
+      })
+    }) : null]
+  });
+});
+export const DropdownItem = /*#__PURE__*/memo(DropdownItemImpl);
+DropdownItem.displayName = 'DropdownItem';
+//# sourceMappingURL=DropdownItem.js.map

package/lib/module/components/shared/dropdown/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","memo","useCallback","View","Check","ChevronRight","Pressable","Text","Slot","parseDimension","jsx","_jsx","jsxs","_jsxs","resolveItemState","disabled","selected","DropdownItemImpl","DropdownItem","adapter","tokens","onPress","testID","ref","primaryText","secondaryText","leadingSlot","leadingAccessory","trailingSlot","isSelected","hasSubMenu","item","state","handlePress","checkmarkPosition","text","checkmark","position","showCheckmark","checkmarkOnLeading","background","backgroundColor","activeBackground","active","disabledBackground","paddingTop","paddingRight","paddingBottom","paddingLeft","flexDirection","gap","borderRadius","style","margin","undefined","accessibilityRole","accessibilityState","Boolean","accessibilityLabel","children","alignItems","width","size","Number","color","maxHeight","leftSlot","hidden","flex","flexShrink","fontSize","fontWeight","lineHeight","numberOfLines","rightChevron","subText","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/shared/dropdown/DropdownList.js

@@ -0,0 +1,132 @@
+"use strict";
+
+import { useCallback, memo } from 'react';
+import { FlatList, ScrollView } from 'react-native';
+import { DropdownItem } from "./DropdownItem.js";
+import { DropdownSeparator } from "./DropdownSeparator.js";
+import { Text } from "../../../primitives/Text.js";
+import { Block } from "../../../primitives/Block.js";
+import { parseDimension } from "../../../adapters/cssStringAdapter.js";
+
+/**
+ * Renders a list of `DropdownFlatRow`s — either in a `ScrollView` (default)
+ * or a `FlatList` (when `enableVirtualization` is set and the row count
+ * exceeds the threshold).
+ *
+ * Renders label rows as styled text, separator rows as `DropdownSeparator`,
+ * and item rows as `DropdownItem`.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const VIRTUALIZATION_THRESHOLD = 30;
+function DropdownListImpl({
+  rows,
+  itemTokens,
+  separatorColor,
+  separatorHeight = 1,
+  separatorMargin,
+  labelColor,
+  labelFontSize,
+  labelFontWeight,
+  labelPaddingTop,
+  labelPaddingBottom,
+  labelPaddingHorizontal,
+  onItemPress,
+  enableVirtualization = false,
+  virtualizationThreshold = VIRTUALIZATION_THRESHOLD,
+  testID
+}) {
+  const renderItem = useCallback(({
+    item: row
+  }) => /*#__PURE__*/_jsx(RowRenderer, {
+    row: row,
+    itemTokens: itemTokens,
+    separatorColor: separatorColor,
+    separatorHeight: separatorHeight,
+    separatorMargin: separatorMargin,
+    labelColor: labelColor,
+    labelFontSize: labelFontSize,
+    labelFontWeight: labelFontWeight,
+    labelPaddingTop: labelPaddingTop,
+    labelPaddingBottom: labelPaddingBottom,
+    labelPaddingHorizontal: labelPaddingHorizontal,
+    onItemPress: onItemPress
+  }), [itemTokens, separatorColor, separatorHeight, separatorMargin, labelColor, labelFontSize, labelFontWeight, labelPaddingTop, labelPaddingBottom, labelPaddingHorizontal, onItemPress]);
+  const keyExtractor = useCallback(row => row.id, []);
+  const shouldVirtualize = enableVirtualization && rows.length > virtualizationThreshold;
+  if (shouldVirtualize) {
+    return /*#__PURE__*/_jsx(FlatList, {
+      data: rows,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      testID: testID,
+      keyboardShouldPersistTaps: "handled"
+    });
+  }
+  return /*#__PURE__*/_jsx(ScrollView, {
+    testID: testID,
+    keyboardShouldPersistTaps: "handled",
+    nestedScrollEnabled: true,
+    children: rows.map(row => /*#__PURE__*/_jsx(RowRenderer, {
+      row: row,
+      itemTokens: itemTokens,
+      separatorColor: separatorColor,
+      separatorHeight: separatorHeight,
+      separatorMargin: separatorMargin,
+      labelColor: labelColor,
+      labelFontSize: labelFontSize,
+      labelFontWeight: labelFontWeight,
+      labelPaddingTop: labelPaddingTop,
+      labelPaddingBottom: labelPaddingBottom,
+      labelPaddingHorizontal: labelPaddingHorizontal,
+      onItemPress: onItemPress
+    }, row.id))
+  });
+}
+function RowRenderer({
+  row,
+  itemTokens,
+  separatorColor,
+  separatorHeight,
+  separatorMargin,
+  labelColor,
+  labelFontSize,
+  labelFontWeight,
+  labelPaddingTop,
+  labelPaddingBottom,
+  labelPaddingHorizontal,
+  onItemPress
+}) {
+  if (row.type === 'separator') {
+    return /*#__PURE__*/_jsx(DropdownSeparator, {
+      color: separatorColor,
+      height: separatorHeight,
+      margin: separatorMargin
+    });
+  }
+  if (row.type === 'label') {
+    return /*#__PURE__*/_jsx(Block, {
+      paddingTop: parseDimension(labelPaddingTop) ?? 0,
+      paddingBottom: parseDimension(labelPaddingBottom) ?? 0,
+      paddingLeft: parseDimension(labelPaddingHorizontal) ?? 0,
+      paddingRight: parseDimension(labelPaddingHorizontal) ?? 0,
+      children: /*#__PURE__*/_jsx(Text, {
+        fontSize: labelFontSize,
+        fontWeight: labelFontWeight,
+        color: labelColor,
+        style: {
+          textTransform: 'uppercase'
+        },
+        children: row.label
+      })
+    });
+  }
+  if (!row.item) return null;
+  return /*#__PURE__*/_jsx(DropdownItem, {
+    adapter: row.item,
+    tokens: itemTokens,
+    onPress: onItemPress
+  });
+}
+export const DropdownList = /*#__PURE__*/memo(DropdownListImpl);
+DropdownList.displayName = 'DropdownList';
+//# sourceMappingURL=DropdownList.js.map

package/lib/module/components/shared/dropdown/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","memo","FlatList","ScrollView","DropdownItem","DropdownSeparator","Text","Block","parseDimension","jsx","_jsx","VIRTUALIZATION_THRESHOLD","DropdownListImpl","rows","itemTokens","separatorColor","separatorHeight","separatorMargin","labelColor","labelFontSize","labelFontWeight","labelPaddingTop","labelPaddingBottom","labelPaddingHorizontal","onItemPress","enableVirtualization","virtualizationThreshold","testID","renderItem","item","row","RowRenderer","keyExtractor","id","shouldVirtualize","length","data","keyboardShouldPersistTaps","nestedScrollEnabled","children","map","type","color","height","margin","paddingTop","paddingBottom","paddingLeft","paddingRight","fontSize","fontWeight","style","textTransform","label","adapter","tokens","onPress","DropdownList","displayName"],"sourceRoot":"../../../../../src","sources":["components/shared/dropdown/DropdownList.tsx"],"mappings":"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","ignoreList":[]}