@ni/spright-react 0.4.5 → 0.5.0

package/dist/esm/chat/conversation/index.d.ts

@@ -1,2 +1,2 @@
 import { ChatConversation } from '@ni/spright-components/dist/esm/chat/conversation';
-export declare const SprightChatConversation: import("@ni/fast-react-wrapper").ReactWrapper<ChatConversation, unknown>;
+export declare const SprightChatConversation: import("@lit/react").ReactWebComponent<ChatConversation, {}>;

package/dist/esm/chat/input/index.d.ts

@@ -1,8 +1,9 @@
 import { ChatInput } from '@ni/spright-components/dist/esm/chat/input';
 import type { ChatInputSendEventDetail } from '@ni/spright-components/dist/esm/chat/input/types';
+import { type EventName } from '../../utilities/react-wrapper';
 export { type ChatInput };
-export declare const SprightChatInput: import("@ni/fast-react-wrapper").ReactWrapper<ChatInput, {
-    onSend: unknown;
+export declare const SprightChatInput: import("@lit/react").ReactWebComponent<ChatInput, {
+    onSend: EventName<ChatInputSendEvent>;
 }>;
 export interface ChatInputSendEvent extends CustomEvent<ChatInputSendEventDetail> {
     target: ChatInput;

package/dist/esm/chat/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/chat/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,OAAO,EAAkB,CAAC;AAC1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE;IAC5C,MAAM,EAAE;QACJ,MAAM,EAAE,MAAM;KACjB;CACJ,CAAC,CAAC","sourcesContent":["import { ChatInput } from '@ni/spright-components/dist/esm/chat/input';\nimport type { ChatInputSendEventDetail } from '@ni/spright-components/dist/esm/chat/input/types';\nimport { wrap } from '../../utilities/react-wrapper';\n\nexport { type ChatInput };\nexport const SprightChatInput = wrap(ChatInput, {\n    events: {\n        onSend: 'send',\n    }\n});\nexport interface ChatInputSendEvent extends CustomEvent<ChatInputSendEventDetail> {\n    target: ChatInput;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/chat/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAkB,CAAC;AAC1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE;IAC5C,MAAM,EAAE;QACJ,MAAM,EAAE,MAAuC;KAClD;CACJ,CAAC,CAAC","sourcesContent":["import { ChatInput } from '@ni/spright-components/dist/esm/chat/input';\nimport type { ChatInputSendEventDetail } from '@ni/spright-components/dist/esm/chat/input/types';\nimport { wrap, type EventName } from '../../utilities/react-wrapper';\n\nexport { type ChatInput };\nexport const SprightChatInput = wrap(ChatInput, {\n    events: {\n        onSend: 'send' as EventName<ChatInputSendEvent>,\n    }\n});\nexport interface ChatInputSendEvent extends CustomEvent<ChatInputSendEventDetail> {\n    target: ChatInput;\n}\n"]}

package/dist/esm/chat/message/index.d.ts

@@ -1,2 +1,2 @@
 import { ChatMessage } from '@ni/spright-components/dist/esm/chat/message';
-export declare const SprightChatMessage: import("@ni/fast-react-wrapper").ReactWrapper<ChatMessage, unknown>;
+export declare const SprightChatMessage: import("@lit/react").ReactWebComponent<ChatMessage, {}>;

package/dist/esm/rectangle/index.d.ts

@@ -1,2 +1,2 @@
 import { Rectangle } from '@ni/spright-components/dist/esm/rectangle';
-export declare const SprightRectangle: import("@ni/fast-react-wrapper").ReactWrapper<Rectangle, unknown>;
+export declare const SprightRectangle: import("@lit/react").ReactWebComponent<Rectangle, {}>;

package/dist/esm/utilities/react-wrapper/index.d.ts

@@ -1,4 +1,8 @@
-export declare const wrap: {
-    <TRegistry extends import("@ni/fast-foundation").FoundationElementRegistry<import("@ni/fast-foundation").FoundationElementDefinition, any>, TEvents>(registry: TRegistry, config?: import("@ni/fast-react-wrapper").ReactWrapperConfig<TEvents> | undefined): import("@ni/fast-react-wrapper").ReactWrapper<import("@ni/fast-react-wrapper").FoundationElementRegistryElement<TRegistry>, TEvents>;
-    <TElement extends HTMLElement, TEvents_1>(type: import("@ni/fast-element").Constructable<TElement>, config?: import("@ni/fast-react-wrapper").ReactWrapperConfig<TEvents_1> | undefined): import("@ni/fast-react-wrapper").ReactWrapper<TElement, TEvents_1>;
-};
+import type { EventName, Options, ReactWebComponent } from '@lit/react';
+export { type EventName } from '@lit/react';
+export interface EventNames {
+    [key: string]: EventName | string;
+}
+type Constructor<T> = new () => T;
+type Opts<I extends HTMLElement, E extends EventNames = NonNullable<unknown>> = Omit<Options<I, E>, 'elementClass' | 'react' | 'tagName'>;
+export declare function wrap<I extends HTMLElement, E extends EventNames = NonNullable<unknown>>(elementClass: Constructor<I>, options?: Opts<I, E>): ReactWebComponent<I, E>;

package/dist/esm/utilities/react-wrapper/index.js

@@ -1,4 +1,12 @@
-import * as React from 'react';
-import { provideReactWrapper } from '@ni/fast-react-wrapper';
-export const { wrap } = provideReactWrapper(React);
+import { createComponent } from '@lit/react';
+import React from 'react';
+export {} from '@lit/react';
+export function wrap(elementClass, options = {}) {
+    return createComponent({
+        ...options,
+        elementClass,
+        react: React,
+        tagName: customElements.getName(elementClass)
+    });
+}
 //# sourceMappingURL=index.js.map

package/dist/esm/utilities/react-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utilities/react-wrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { provideReactWrapper } from '@ni/fast-react-wrapper';\n\nexport const { wrap } = provideReactWrapper(React);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utilities/react-wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,MAAM,YAAY,CAAC;AAW5C,MAAM,UAAU,IAAI,CAChB,YAA4B,EAC5B,UAAsB,EAAE;IAExB,OAAO,eAAe,CAAO;QACzB,GAAG,OAAO;QACV,YAAY;QACZ,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,YAAY,CAAE;KACjD,CAAC,CAAC;AACP,CAAC","sourcesContent":["import type { EventName, Options, ReactWebComponent } from '@lit/react';\nimport { createComponent } from '@lit/react';\nimport React from 'react';\n\nexport { type EventName } from '@lit/react';\nexport interface EventNames {\n    [key: string]: EventName | string;\n}\n\ntype Constructor<T> = new () => T;\ntype Opts<\n    I extends HTMLElement,\n    E extends EventNames = NonNullable<unknown>\n> = Omit<Options<I, E>, 'elementClass' | 'react' | 'tagName'>;\n\nexport function wrap<I extends HTMLElement, E extends EventNames = NonNullable<unknown>>(\n    elementClass: Constructor<I>,\n    options: Opts<I, E> = {},\n): ReactWebComponent<I, E> {\n    return createComponent<I, E>({\n        ...options,\n        elementClass,\n        react: React,\n        tagName: customElements.getName(elementClass)!\n    });\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/spright-react",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "description": "React components for NI Spright",
   "keywords": [
     "spright",
@@ -28,7 +28,7 @@
     "typescript": "~5.4.5"
   },
   "peerDependencies": {
-    "@ni/fast-react-wrapper": "^10.1.2",
+    "@lit/react": "^1.0.8",
     "@ni/spright-components": "^6.3.3",
     "react": "^16 || ^17 || ^18"
   }