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

package/lib/commonjs/components/Upload/UploadContainer.js

@@ -0,0 +1,308 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadContainer = UploadContainer;
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _Block = require("../../primitives/Block.js");
+var _Text = require("../../primitives/Text.js");
+var _index = require("../Button/index.js");
+var _index2 = require("../Tag/index.js");
+var _index3 = require("../Tooltip/index.js");
+var _index4 = require("../Popover/index.js");
+var _index5 = require("../ProgressBar/index.js");
+var _uploadUtils = require("./upload.utils.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Web's `progressBarMaxWidth` default; there is no native prop for it. */const PROGRESS_MAX_WIDTH = 300;
+
+/**
+ * The presentational drop zone — a port of web's `UploadContainerV2`.
+ *
+ * Everything visual resolves from the `uploadContainer` token group passed
+ * down by `Upload`; this component owns no tokens and no state derivation,
+ * only the overflow popover's open flag.
+ *
+ * Divergences from web, all documented in the plan:
+ *
+ * - The drop zone is a `Pressable` firing `onBrowse` — no drag handlers, no
+ *   hidden file input.
+ * - File tags wrap the native `Tooltip` (long-press) instead of `TooltipV2`.
+ * - The `+N` overflow surface is the native `Popover` — a BottomSheet on
+ *   phones (`sm`), the established native Popover behaviour.
+ */
+
+function UploadContainer({
+  tokens,
+  files,
+  onFileRemove,
+  onBrowse,
+  multiple,
+  state,
+  disabled,
+  description = '',
+  slot,
+  errorText,
+  progressBarValue = 0,
+  uploadHeaderText,
+  maxSize,
+  maxFiles,
+  testID
+}) {
+  const [isOverflowPopoverOpen] = (0, _react.useState)(false);
+  const {
+    uploadContainer
+  } = tokens;
+  const isUploading = state === _node.UploadState.UPLOADING;
+  const isSuccess = state === _node.UploadState.SUCCESS;
+  const isInteractionBlocked = isUploading || isSuccess;
+  const showEmptyDescription = files.length === 0 && !isUploading;
+  const showSingleFileInfo = files.length > 0 && !multiple && !isUploading;
+  const showBrowseButton = files.length === 0 && !isUploading;
+  const showReplaceButton = files.length > 0 && !multiple && !isUploading;
+  const showMultiFileTags = files.length > 0 && multiple && !isUploading;
+  const validFileCount = files.filter(file => file.isValid).length;
+  const invalidFileCount = files.length - validFileCount;
+  const showFilledMultiFileCopy = showMultiFileTags;
+  const headerText = showFilledMultiFileCopy ? invalidFileCount > 0 ? 'Files uploaded' : 'Files successfully added' : uploadHeaderText;
+  const filledMultiFileDescription = invalidFileCount > 0 ? `${validFileCount} succeeded, ${invalidFileCount} failed` : "We've successfully uploaded the following files";
+
+  // Invalid files first, exactly web's sort; the first four render as
+  // tags, the rest collapse behind the `+N` overflow trigger.
+  const sortedFiles = (0, _react.useMemo)(() => [...files].sort((a, b) => {
+    if (!a.isValid && b.isValid) return -1;
+    if (a.isValid && !b.isValid) return 1;
+    return 0;
+  }), [files]);
+  const visibleFiles = sortedFiles.slice(0, 4);
+  const overflowFiles = sortedFiles.slice(4);
+  const handleBrowse = () => {
+    if (disabled || isInteractionBlocked) return;
+    onBrowse?.();
+  };
+  const renderFileTag = (uploadFile, index) => {
+    const fileId = (0, _uploadUtils.getFileId)(uploadFile, index);
+    const fileColor = isSuccess ? _node.TagV2Color.SUCCESS : uploadFile.isValid ? _node.TagV2Color.NEUTRAL : _node.TagV2Color.ERROR;
+    const tooltipContent = uploadFile.isValid ? uploadFile.name : `${uploadFile.name} - ${(0, _uploadUtils.getValidationMessage)(uploadFile.errorReason, maxSize, maxFiles)}`;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Tooltip, {
+      content: tooltipContent,
+      testID: testID ? `${testID}-file-tooltip` : undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Tag, {
+        accessibilityLabel: `Remove ${uploadFile.name}`,
+        rightSlot: {
+          slot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+            size: 14
+          })
+        },
+        text: (0, _uploadUtils.truncateFileNameForTag)(uploadFile.name),
+        size: _node.TagV2Size.SM,
+        type: _node.TagV2Type.SUBTLE,
+        subType: _node.TagV2SubType.ROUNDED,
+        color: fileColor,
+        onPress: () => {
+          if (disabled || isInteractionBlocked) return;
+          onFileRemove(fileId);
+        },
+        testID: testID ? `${testID}-file-tag` : undefined
+      })
+    }, fileId);
+  };
+  const renderOverflowFileRow = (uploadFile, index) => {
+    const fileId = (0, _uploadUtils.getFileId)(uploadFile, index);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: uploadContainer.gap,
+      width: "100%",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        fontSize: uploadContainer.header.description.fontSize,
+        fontWeight: uploadContainer.header.description.fontWeight,
+        color: String(uploadContainer.header.title.color),
+        numberOfLines: 1,
+        style: {
+          flexShrink: 1
+        },
+        children: uploadFile.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: uploadContainer.gap,
+        style: {
+          flexShrink: 0
+        },
+        children: [!uploadFile.isValid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Tag, {
+          text: "Failed",
+          size: _node.TagV2Size.SM,
+          type: _node.TagV2Type.SUBTLE,
+          subType: _node.TagV2SubType.ROUNDED,
+          color: _node.TagV2Color.ERROR
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          accessibilityLabel: `Remove ${uploadFile.name}`,
+          onPress: () => {
+            if (disabled || isInteractionBlocked) return;
+            onFileRemove(fileId);
+          },
+          hitSlop: 8,
+          testID: testID ? `${testID}-overflow-remove` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.X, {
+            size: 18
+          })
+        })]
+      })]
+    }, fileId);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: handleBrowse,
+    disabled: disabled || isInteractionBlocked,
+    accessibilityRole: "button",
+    accessibilityLabel: uploadHeaderText,
+    accessibilityState: {
+      disabled: disabled || isInteractionBlocked
+    },
+    testID: testID ? `${testID}-dropzone` : undefined,
+    style: {
+      borderWidth: 0
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+      flexDirection: "column",
+      alignItems: "center",
+      gap: uploadContainer.gap,
+      paddingTop: uploadContainer.paddingTop,
+      paddingBottom: uploadContainer.paddingBottom,
+      paddingLeft: uploadContainer.paddingLeft,
+      paddingRight: uploadContainer.paddingRight,
+      borderRadius: uploadContainer.borderRadius,
+      border: String(uploadContainer.border[state]),
+      backgroundColor: String(uploadContainer.backgroundColor[state]),
+      width: "100%",
+      children: [slot && !showFilledMultiFileCopy && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        children: slot
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+        flexDirection: "column",
+        alignItems: "center",
+        gap: uploadContainer.header.gap,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          fontSize: uploadContainer.header.title.fontSize,
+          fontWeight: uploadContainer.header.title.fontWeight,
+          color: String(uploadContainer.header.title.color),
+          textAlign: "center",
+          children: headerText
+        }), (showEmptyDescription || showFilledMultiFileCopy) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          fontSize: uploadContainer.header.description.fontSize,
+          fontWeight: uploadContainer.header.description.fontWeight,
+          color: String(uploadContainer.header.description.color),
+          textAlign: "center",
+          children: showFilledMultiFileCopy ? filledMultiFileDescription : description
+        }), showSingleFileInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          fontSize: uploadContainer.header.description.fontSize,
+          fontWeight: uploadContainer.header.description.fontWeight,
+          color: String(uploadContainer.header.description.color),
+          textAlign: "center",
+          children: 'Selected file: ' + files[0].name
+        }), isUploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+          width: "100%",
+          maxWidth: PROGRESS_MAX_WIDTH,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            fontSize: uploadContainer.header.description.fontSize,
+            fontWeight: uploadContainer.header.description.fontWeight,
+            color: String(uploadContainer.header.title.color),
+            textAlign: "center",
+            children: 'Please wait while uploading'
+          })
+        })]
+      }), isUploading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+        width: "100%",
+        maxWidth: PROGRESS_MAX_WIDTH,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.ProgressBar, {
+          value: progressBarValue,
+          showLabel: true
+        })
+      }), showBrowseButton && !isInteractionBlocked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+        buttonType: _node.ButtonV2Type.SECONDARY,
+        size: _node.ButtonV2Size.MEDIUM,
+        text: "Browse Files",
+        disabled: disabled,
+        onPress: handleBrowse,
+        testID: testID ? `${testID}-browse` : undefined
+      }), showReplaceButton && !isInteractionBlocked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
+        buttonType: _node.ButtonV2Type.SECONDARY,
+        size: _node.ButtonV2Size.MEDIUM,
+        text: "Replace File",
+        disabled: disabled,
+        onPress: handleBrowse,
+        leftSlot: {
+          slot: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.Repeat2, {
+            size: 16
+          })
+        },
+        testID: testID ? `${testID}-replace` : undefined
+      }), showMultiFileTags && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Block.Block, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "10px",
+        width: "100%",
+        style: {
+          flexWrap: 'wrap'
+        },
+        children: [visibleFiles.map(uploadFile => renderFileTag(uploadFile, files.indexOf(uploadFile))), overflowFiles.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Popover, {
+          trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Tag, {
+            accessibilityLabel: `Show ${overflowFiles.length} more files`,
+            text: `+ ${overflowFiles.length}`,
+            size: _node.TagV2Size.SM,
+            type: _node.TagV2Type.SUBTLE,
+            subType: _node.TagV2SubType.ROUNDED,
+            color: _node.TagV2Color.NEUTRAL,
+            rightSlot: {
+              slot: isOverflowPopoverOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronUp, {
+                size: 16
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.ChevronDown, {
+                size: 16
+              })
+            },
+            testID: testID ? `${testID}-overflow-trigger` : undefined
+          }),
+          minWidth: 240,
+          maxWidth: 340,
+          maxHeight: 280,
+          showCloseButton: false,
+          testID: testID ? `${testID}-overflow` : undefined,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Block.Block, {
+            flexDirection: "column",
+            gap: uploadContainer.gap,
+            paddingTop: uploadContainer.gap,
+            paddingBottom: uploadContainer.gap,
+            paddingLeft: uploadContainer.gap,
+            paddingRight: uploadContainer.gap,
+            style: {
+              overflow: 'scroll'
+            },
+            children: overflowFiles.map(uploadFile => renderOverflowFileRow(uploadFile, files.indexOf(uploadFile)))
+          })
+        })]
+      }), state === _node.UploadState.ERROR && !errorText && !multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        accessibilityLiveRegion: "polite",
+        fontSize: uploadContainer.header.errorText.fontSize,
+        fontWeight: uploadContainer.header.errorText.fontWeight,
+        color: String(uploadContainer.header.errorText.color),
+        textAlign: "center",
+        children: (0, _uploadUtils.getAggregatedErrorMessage)(files, maxSize, maxFiles)
+      }), errorText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        accessibilityLiveRegion: "polite",
+        fontSize: uploadContainer.header.errorText.fontSize,
+        fontWeight: uploadContainer.header.errorText.fontWeight,
+        color: String(uploadContainer.header.errorText.color),
+        textAlign: "center",
+        children: errorText
+      })]
+    })
+  });
+}
+UploadContainer.displayName = 'UploadContainer';
+var _default = exports.default = UploadContainer;
+//# sourceMappingURL=UploadContainer.js.map

package/lib/commonjs/components/Upload/UploadContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_node","_Block","_Text","_index","_index2","_index3","_index4","_index5","_uploadUtils","_jsxRuntime","PROGRESS_MAX_WIDTH","UploadContainer","tokens","files","onFileRemove","onBrowse","multiple","state","disabled","description","slot","errorText","progressBarValue","uploadHeaderText","maxSize","maxFiles","testID","isOverflowPopoverOpen","useState","uploadContainer","isUploading","UploadState","UPLOADING","isSuccess","SUCCESS","isInteractionBlocked","showEmptyDescription","length","showSingleFileInfo","showBrowseButton","showReplaceButton","showMultiFileTags","validFileCount","filter","file","isValid","invalidFileCount","showFilledMultiFileCopy","headerText","filledMultiFileDescription","sortedFiles","useMemo","sort","a","b","visibleFiles","slice","overflowFiles","handleBrowse","renderFileTag","uploadFile","index","fileId","getFileId","fileColor","TagV2Color","NEUTRAL","ERROR","tooltipContent","name","getValidationMessage","errorReason","jsx","Tooltip","content","undefined","children","Tag","accessibilityLabel","rightSlot","X","size","text","truncateFileNameForTag","TagV2Size","SM","type","TagV2Type","SUBTLE","subType","TagV2SubType","ROUNDED","color","onPress","renderOverflowFileRow","jsxs","Block","flexDirection","alignItems","justifyContent","gap","width","Text","fontSize","header","fontWeight","String","title","numberOfLines","style","flexShrink","Pressable","hitSlop","accessibilityRole","accessibilityState","borderWidth","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","border","backgroundColor","View","textAlign","maxWidth","ProgressBar","value","showLabel","Button","buttonType","ButtonV2Type","SECONDARY","ButtonV2Size","MEDIUM","leftSlot","Repeat2","flexWrap","map","indexOf","Popover","trigger","ChevronUp","ChevronDown","minWidth","maxHeight","showCloseButton","overflow","accessibilityLiveRegion","getAggregatedErrorMessage","displayName","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/Upload/UploadContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Upload/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () {
+    return _Upload.default;
+  }
+});
+Object.defineProperty(exports, "validateUploadFiles", {
+  enumerable: true,
+  get: function () {
+    return _uploadUtils.validateUploadFiles;
+  }
+});
+var _Upload = _interopRequireDefault(require("./Upload.js"));
+var _uploadUtils = require("./upload.utils.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Upload","_interopRequireDefault","require","_uploadUtils","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/Upload/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAAoD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/components/Upload/upload.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=upload.types.js.map

package/lib/commonjs/components/Upload/upload.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Upload/upload.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,172 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateUploadFiles = exports.truncateFileNameForTag = exports.normalizeUploadErrorReason = exports.isKnownUploadErrorReason = exports.isFileTypeAccepted = exports.getValidationMessage = exports.getUploadDisplayState = exports.getFileId = exports.getAggregatedErrorMessage = exports.formatFileSize = exports.FILE_NAME_TAG_MAX_LEN = void 0;
+var _node = require("@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.
+ */
+
+const FILE_NAME_TAG_MAX_LEN = exports.FILE_NAME_TAG_MAX_LEN = 24;
+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.
+ */
+exports.truncateFileNameForTag = truncateFileNameForTag;
+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.
+ */
+exports.getFileId = getFileId;
+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;
+  });
+};
+exports.isFileTypeAccepted = isFileTypeAccepted;
+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`;
+};
+exports.formatFileSize = formatFileSize;
+const KNOWN_UPLOAD_ERROR_REASONS = ['oversized', 'maxFiles', 'invalidType'];
+const isKnownUploadErrorReason = reason => KNOWN_UPLOAD_ERROR_REASONS.includes(reason);
+exports.isKnownUploadErrorReason = isKnownUploadErrorReason;
+const normalizeUploadErrorReason = reason => isKnownUploadErrorReason(reason) ? reason : undefined;
+exports.normalizeUploadErrorReason = normalizeUploadErrorReason;
+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).
+ */
+exports.getValidationMessage = getValidationMessage;
+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: _node.UploadErrorReason.MAX_FILES
+      };
+    }
+    if (!isFileTypeAccepted(item, acceptedTypes)) {
+      return {
+        ...base,
+        isValid: false,
+        errorReason: _node.UploadErrorReason.INVALID_TYPE
+      };
+    }
+    if (maxSize && item.size > maxSize) {
+      return {
+        ...base,
+        isValid: false,
+        errorReason: _node.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.
+ */
+exports.validateUploadFiles = validateUploadFiles;
+const getUploadDisplayState = (state = _node.UploadState.IDLE, disabled, hasInvalidFiles) => {
+  if (disabled || state === _node.UploadState.DISABLED) return _node.UploadState.DISABLED;
+  if (hasInvalidFiles) return _node.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.
+ */
+exports.getUploadDisplayState = getUploadDisplayState;
+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(_node.UploadErrorReason.OVERSIZED)) errors.push(getValidationMessage('oversized', maxSize, maxFiles));
+  if (reasons.has(_node.UploadErrorReason.MAX_FILES)) errors.push(getValidationMessage('maxFiles', maxSize, maxFiles));
+  if (reasons.has(_node.UploadErrorReason.INVALID_TYPE)) errors.push(getValidationMessage('invalidType', maxSize, maxFiles));
+  return errors.length > 0 ? errors.join(', ') : getValidationMessage(undefined, maxSize, maxFiles);
+};
+exports.getAggregatedErrorMessage = getAggregatedErrorMessage;
+//# sourceMappingURL=upload.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_node","require","FILE_NAME_TAG_MAX_LEN","exports","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","UploadErrorReason","MAX_FILES","INVALID_TYPE","OVERSIZED","getUploadDisplayState","state","UploadState","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/commonjs/components/shared/GroupView.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _node = require("@juspay/blend-design-system/node");
+var _cssStringAdapter = require("../../adapters/cssStringAdapter.js");
+var _group = require("./group.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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]`. */const DEFAULT_GAP = (0, _cssStringAdapter.parseDimension)(String(_node.FOUNDATION_THEME.unit[10])) ?? 10;
+const GroupView = /*#__PURE__*/(0, _react.forwardRef)(function GroupView({
+  stacked = false,
+  gap,
+  positionProp,
+  children,
+  accessibilityLabel,
+  testID,
+  style
+}, ref) {
+  const resolvedGap = stacked ? 0 : (0, _cssStringAdapter.parseDimension)(gap) ?? DEFAULT_GAP;
+  const totalChildren = _react.Children.count(children);
+  const content = stacked ? _react.Children.map(children, (child, index) => {
+    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return child;
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      [positionProp]: (0, _group.getGroupPosition)(index, totalChildren)
+    });
+  }) : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    style: [{
+      flexDirection: 'row',
+      alignItems: 'stretch',
+      gap: resolvedGap
+    }, style],
+    children: content
+  });
+});
+var _default = exports.default = GroupView;
+//# sourceMappingURL=GroupView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_node","_cssStringAdapter","_group","_jsxRuntime","DEFAULT_GAP","parseDimension","String","FOUNDATION_THEME","unit","GroupView","forwardRef","stacked","gap","positionProp","children","accessibilityLabel","testID","style","ref","resolvedGap","totalChildren","Children","count","content","map","child","index","isValidElement","cloneElement","getGroupPosition","jsx","View","flexDirection","alignItems","_default","exports","default"],"sourceRoot":"../../../../src","sources":["components/shared/GroupView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA0C,IAAAK,WAAA,GAAAL,OAAA;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,4DACA,MAAMM,WAAW,GAAG,IAAAC,gCAAc,EAACC,MAAM,CAACC,sBAAgB,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;AAY3E,MAAMC,SAAS,gBAAG,IAAAC,iBAAU,EAAyB,SAASD,SAASA,CACnE;EACIE,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,GAAI,IAAAN,gCAAc,EAACO,GAAG,CAAC,IAAIR,WAAY;EAEtE,MAAMgB,aAAa,GAAGC,eAAQ,CAACC,KAAK,CAACR,QAAQ,CAAC;EAC9C,MAAMS,OAAO,GAAGZ,OAAO,GACjBU,eAAQ,CAACG,GAAG,CAACV,QAAQ,EAAE,CAACW,KAAK,EAAEC,KAAK,KAAK;IACrC,IAAI,eAAC,IAAAC,qBAAc,EAACF,KAAK,CAAC,EAAE,OAAOA,KAAK;IACxC,oBAAO,IAAAG,mBAAY,EACfH,KAAK,EACL;MACI,CAACZ,YAAY,GAAG,IAAAgB,uBAAgB,EAACH,KAAK,EAAEN,aAAa;IACzD,CACJ,CAAC;EACL,CAAC,CAAC,GACFN,QAAQ;EAEd,oBACI,IAAAX,WAAA,CAAA2B,GAAA,EAAC/B,YAAA,CAAAgC,IAAI;IACDb,GAAG,EAAEA,GAAI;IACTH,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAE,CACH;MACIe,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,SAAS;MACrBrB,GAAG,EAAEO;IACT,CAAC,EACDF,KAAK,CACP;IAAAH,QAAA,EAEDS;EAAO,CACN,CAAC;AAEf,CAAC,CAAC;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa3B,SAAS","ignoreList":[]}