@bigbinary/neetoui-rn 3.4.0 → 3.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "description": "neeto UI component library for React Native — v3 (Unistyles, TypeScript, New Architecture)",
   "author": "BigBinary",
   "license": "MIT",
@@ -25,6 +25,9 @@
     "src",
     "lib",
     "assets",
+    "!src/components/RichTextEditor/web/index.*",
+    "!src/components/RichTextEditor/web/vite.config.ts",
+    "!src/components/RichTextEditor/web/tsconfig.json",
     "!**/__tests__",
     "!**/*.stories.tsx",
     "!**/.*"
@@ -36,14 +39,15 @@
   "scripts": {
     "build": "bob build",
     "test": "jest",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p src/components/RichTextEditor/web",
     "lint": "eslint src --ext .ts,.tsx",
     "format": "prettier --write .",
     "generate:tokens": "node scripts/generate-tokens.mjs && prettier --write src/theme/palette.generated.ts",
     "prepare": "husky install",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepack": "bob build"
+    "prepack": "bob build",
+    "build:editor": "NODE_ENV=production vite build --config src/components/RichTextEditor/web/vite.config.ts && rm src/components/RichTextEditor/web/build/index.html"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
@@ -66,7 +70,8 @@
     "react-native-safe-area-context": ">=4.0.0",
     "react-native-svg": ">=15.0.0",
     "react-native-toast-message": "^2.0.0",
-    "react-native-unistyles": ">=3.2.0"
+    "react-native-unistyles": ">=3.2.0",
+    "react-native-webview": ">=13"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -77,10 +82,19 @@
     "@shopify/flash-list": "^2.3.2",
     "@storybook/react-native-web-vite": "^10.5.5",
     "@testing-library/react-native": "^14.0.1",
+    "@tiptap/extension-document": "3.32.0",
+    "@tiptap/extension-image": "3.32.0",
+    "@tiptap/extension-paragraph": "3.32.0",
+    "@tiptap/extension-text": "3.32.0",
+    "@tiptap/html": "3.32.0",
+    "@tiptap/pm": "3.32.0",
+    "@tiptap/react": "3.32.0",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
+    "@types/react-dom": "~19.1.0",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
@@ -90,6 +104,7 @@
     "eslint-plugin-unused-imports": "^3.2.0",
     "husky": "^8.0.1",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.0",
     "prettier": "^3.3.3",
     "react": "19.1.0",
@@ -105,10 +120,12 @@
     "react-native-toast-message": "^2",
     "react-native-unistyles": "3.2.5",
     "react-native-web": "^0.21.2",
+    "react-native-webview": "^14.0.1",
     "storybook": "^10.5.5",
     "test-renderer": "^1.0.0",
     "typescript": "^5.3.3",
-    "vite": "^6"
+    "vite": "^6",
+    "vite-plugin-singlefile": "^2.3.3"
   },
   "jest": {
     "preset": "react-native",
@@ -116,12 +133,15 @@
       "./jest.setup.js"
     ],
     "transformIgnorePatterns": [
-      "node_modules/(?!(@react-native|@bigbinary|@gorhom|@shopify|react-native|react-native-[^/]+)/)"
+      "node_modules/(?!(@react-native|@bigbinary|@10play|@gorhom|@shopify|react-native|react-native-[^/]+)/)"
     ],
     "testPathIgnorePatterns": [
       "/node_modules/",
       "/lib/"
-    ]
+    ],
+    "moduleNameMapper": {
+      "^\\.\\./webEditorUtils/focusListener$": "<rootDir>/jest/tentapFocusListener.js"
+    }
   },
   "react-native-builder-bob": {
     "source": "src",
@@ -136,7 +156,10 @@
     ]
   },
   "dependencies": {
+    "@10play/tentap-editor": "^1.0.1",
     "@bigbinary/neeto-icons-rn": "^1.21.2",
+    "@tiptap/core": "^3.11.0",
+    "@tiptap/extension-code-block": "^3.11.0",
     "react-native-controlled-mentions": "^3.1.0"
   }
 }

package/src/components/ChatInput/AttachmentsView.tsx

@@ -24,6 +24,7 @@ type AttachmentsViewProps = {
   Attachments?: ReactNode;
   attachmentsCount?: number;
   isNoteOptionSelected: boolean;
+  isAlwaysExpanded?: boolean;
 };
 
 export const AttachmentsView = ({
@@ -32,9 +33,14 @@ export const AttachmentsView = ({
   Attachments,
   attachmentsCount = 0,
   isNoteOptionSelected,
+  isAlwaysExpanded = false,
 }: AttachmentsViewProps) => {
   if (attachmentsCount === 0) return null;
 
+  if (isAlwaysExpanded) {
+    return <View style={styles.expanded}>{Attachments}</View>;
+  }
+
   return isAttachmentsVisible ? (
     // Held at its natural height: the cards inside are fixed-size, so a
     // squeeze has to come out of the text area, not out of them.