@weavy/uikit-react 26.0.3 → 27.0.0

package/lib/blocks/WyChat.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { createComponent, EventName, WebComponentProps } from "@lit/react";
 import { WY_CHAT_TAGNAME, WyChat as WyChatWC } from "@weavy/uikit-web";
-import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyChat = createComponent({

package/lib/blocks/WyComments.tsx

@@ -6,7 +6,7 @@ import {
   WY_COMMENTS_TAGNAME,
   WyComments as WyCommentsWC,
 } from "@weavy/uikit-web";
-import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyComments = createComponent({

package/lib/blocks/WyCopilot.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import React from "react";
+import { createComponent, EventName, WebComponentProps } from "@lit/react";
+import { WY_COPILOT_TAGNAME, WyCopilot as WyCopilotWC } from "@weavy/uikit-web";
+import {
+  WyAppEventType,
+  WyMessageEventType,
+  WyPreviewOpenEventType,
+} from "@weavy/uikit-web/dist/types/types/events.types.js";
+
+// Creates a React component from a Lit component
+export const WyCopilot = createComponent({
+  react: React,
+  tagName: WY_COPILOT_TAGNAME,
+  elementClass: WyCopilotWC,
+  events: {
+    onWyPreviewOpen:
+      "wy-preview-open" satisfies WyPreviewOpenEventType["type"] as EventName<WyPreviewOpenEventType>,
+    onWyApp:
+      "wy-app" satisfies WyAppEventType["type"] as EventName<WyAppEventType>,
+    onWyMessage:
+      "wy-message" satisfies WyMessageEventType["type"] as EventName<WyMessageEventType>,
+  },
+});
+
+declare module "react" {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    interface IntrinsicElements {
+      [WY_COPILOT_TAGNAME]: WebComponentProps<WyCopilotWC>;
+    }
+  }
+}
+
+export type {
+  WyPreviewOpenEventType,
+  WyAppEventType,
+  WyMessageEventType,
+};

package/lib/blocks/WyFiles.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { createComponent, EventName, WebComponentProps } from "@lit/react";
 import { WY_FILES_TAGNAME, WyFiles as WyFilesWC } from "@weavy/uikit-web";
-import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyFiles = createComponent({

package/lib/blocks/WyMessenger.tsx

@@ -6,7 +6,7 @@ import {
   WY_MESSENGER_TAGNAME,
   WyMessenger as WyMessengerWC,
 } from "@weavy/uikit-web";
-import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyMessenger = createComponent({

package/lib/blocks/WyPosts.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { createComponent, EventName, WebComponentProps } from "@lit/react";
 import { WY_POSTS_TAGNAME, WyPosts as WyPostsWC } from "@weavy/uikit-web";
-import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyPosts = createComponent({

package/lib/blocks/index.ts

@@ -1,7 +1,9 @@
+export { Feature } from "@weavy/uikit-web/lib/types/features.types.ts";
 export * from "./WyChat";
 export * from "./WyComments";
 export * from "./WyComponent";
 export * from "./WyContext";
+export * from "./WyCopilot";
 export * from "./WyFiles";
 export * from "./WyMessenger";
 export * from "./WyNotifications";

package/lib/components/WyAttachment.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { EventName, createComponent } from "@lit/react";
 import { WeavyComponents } from "@weavy/uikit-web";
-import type { FileOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.d.ts";
+import type { FileOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.d.ts";
 
 // Creates a React component from a Lit component
 export const WyAttachment = createComponent({

package/lib/components/WyConversation.tsx

@@ -12,15 +12,6 @@ export const WyConversation = createComponent({
   },
 });
 
-export const WyConversationExtended = createComponent({
-  react: React,
-  tagName: "wy-conversation-extended",
-  elementClass: WeavyComponents.WyConversationExtended,
-  events: {
-    onReleaseFocus: "release-focus" as EventName<CustomEvent>,
-  },
-});
-
 export const WyConversationAppbar = createComponent({
   react: React,
   tagName: "wy-conversation-appbar",

package/lib/components/WyFilesList.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { EventName, createComponent } from "@lit/react";
 import { WeavyComponents } from "@weavy/uikit-web";
+import type { FileOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.d.ts";
 import type {
-  FileOpenEventType,
   FileOrderType,
   FileType,
 } from "@weavy/uikit-web/dist/types/types/files.types.d.ts";

package/lib/components/WyImageGrid.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { EventName, createComponent } from "@lit/react";
 import { WeavyComponents } from "@weavy/uikit-web";
-import type { FileOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.d.ts";
+import type { FileOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.d.ts";
 
 // Creates a React component from a Lit component
 export const WyImageGrid = createComponent({

package/lib/components/WyPreview.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { EventName, createComponent } from "@lit/react";
 import { WeavyComponents } from "@weavy/uikit-web";
-import { WyPreviewCloseEventType, WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/files.types.js";
+import { WyPreviewCloseEventType, WyPreviewOpenEventType } from "@weavy/uikit-web/dist/types/types/events.types.js";
 
 // Creates a React component from a Lit component
 export const WyPreview = createComponent({

package/lib/hooks/useWeavyContext.ts

@@ -11,6 +11,27 @@ import { Context } from "@weavy/uikit-web/dist/types/contexts/index.js";
  * @param ref { React.RefObject | HTMLElement } - Reference object that needs to be placed in the DOM.
  * @param context { Context } - The context to use. Defaults to WeavyContext from ukit-web.
  * @returns Weavy instance 
+ * @example
+ * import React, { useRef } from "react"
+ * import { useWeavyContext } from "@weavy/uikit-react"
+ * 
+ * export const MyComponent = () => {
+ *   const domRef = useRef(null)
+ *   const weavy = useWeavyContext(domRef)
+ * 
+ *   useEffect(() => {
+ *     if (weavy) {
+ *       console.log("We got weavy", weavy.version)
+ *     }
+ *   }, [weavy])
+ * 
+ *   // ...
+ *   return (
+ *     <>
+ *       <span ref={domRef}></span>
+ *     </>
+ *   )
+ * }
  */
 export function useWeavyContext<TContext extends Context<unknown, unknown> = typeof WeavyContext, TElement extends HTMLElement = HTMLElement>(
   ref: React.RefObject<TElement> | TElement | null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weavy/uikit-react",
-  "version": "26.0.3",
+  "version": "27.0.0",
   "author": "Weavy",
   "description": "React components UI-kit for Weavy",
   "homepage": "https://github.com/weavy/weavy-uikit-react",
@@ -17,15 +17,14 @@
   "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/weavy.mjs",
-      "require": "./dist/weavy.cjs",
       "node": {
         "import": "./dist/weavy.mjs",
         "require": "./dist/weavy.bundle.js"
       },
-      "browser": "./dist/weavy.umd.js",
-      "default": "./dist/weavy.umd.js",
-      "types": "./dist/types/index.d.ts"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/weavy.mjs",
+      "require": "./dist/weavy.cjs",
+      "default": "./dist/weavy.umd.js"
     }
   },
   "scripts": {
@@ -41,37 +40,37 @@
   },
   "dependencies": {
     "@lit/react": "^1.0.7",
-    "@weavy/uikit-web": "^26.0.3"
+    "@weavy/uikit-web": "^27.0.0"
   },
   "peerDependencies": {
     "react": ">=16",
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
-    "@eslint/js": "^9.19.0",
+    "@eslint/js": "^9.23.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@types/node": "^22.12.0",
-    "@types/react": "^18.3.18",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/node": "^22.13.12",
+    "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
     "dotenv": "^16.4.7",
-    "eslint": "^9.19.0",
+    "eslint": "^9.23.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
-    "globals": "^15.14.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "globals": "^16.0.0",
     "npm-run-all": "^4.1.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.0.1",
     "rollup-preserve-directives": "^1.1.3",
-    "sass": "^1.83.4",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.22.0",
-    "vite": "^5.4.14",
-    "vite-plugin-dts": "^4.5.0"
+    "sass": "^1.86.0",
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.27.0",
+    "vite": "^6.2.3",
+    "vite-plugin-dts": "^4.5.3"
   }
 }