@loadsmart/miranda-react 1.31.1 → 1.33.0

package/dist/utils/createComponent.d.ts

@@ -1,46 +1,12 @@
-/**
- * FIXME: Replace this with @lit-labs/react's createComponent
- * when [this](https://github.com/lit/lit/issues/3329) issue is fixed.
- */
-/// <reference types="trusted-types" />
-import type { HTMLAttributes, ReactNode } from 'react';
-type Constructor<T> = {
-    new (): T;
-};
-/***
- * Typecast that curries an Event type through a string. The goal of the type
- * cast is to match a prop name to a typed event callback.
- */
-export type EventName<T extends Event = Event> = string & {
-    __event_type: T;
-};
-type Events = Record<string, EventName | string>;
-type EventProps<R extends Events> = {
-    [K in keyof R]: R[K] extends EventName ? (e: R[K]['__event_type']) => void : (e: Event) => void;
-};
-/**
- * Creates a React component for a custom element. Properties are distinguished
- * from attributes automatically, and events can be configured so they are
- * added to the custom element as event listeners.
- *
- * @param React The React module, typically imported from the `react` npm
- * package.
- * @param tagName The custom element tag name registered via
- * `customElements.define`.
- * @param elementClass The custom element class registered via
- * `customElements.define`.
- * @param events An object listing events to which the component can listen. The
- * object keys are the event property names passed in via React props and the
- * object values are the names of the corresponding events generated by the
- * custom element. For example, given `{onactivate: 'activate'}` an event
- * function may be passed via the component's `onactivate` prop and will be
- * called when the custom element fires its `activate` event.
- * @param displayName A React component display name, used in debugging
- * messages. Default value is inferred from the name of custom element class
- * registered via `customElements.define`.
- */
-export declare const createComponent: <I extends HTMLElement, E extends Events = {}>(React: typeof React, tagName: string, elementClass: Constructor<I>, events?: E | undefined, displayName?: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Partial<Omit<HTMLAttributes<I>, keyof E> & Omit<I, keyof E | Exclude<"children", keyof E> | Exclude<"style", keyof E> | Exclude<"className", keyof E> | Exclude<"defaultChecked", keyof E> | Exclude<"defaultValue", keyof E> | Exclude<"suppressContentEditableWarning", keyof E> | Exclude<"suppressHydrationWarning", keyof E> | Exclude<"accessKey", keyof E> | Exclude<"autoFocus", keyof E> | Exclude<"contentEditable", keyof E> | Exclude<"contextMenu", keyof E> | Exclude<"dir", keyof E> | Exclude<"draggable", keyof E> | Exclude<"hidden", keyof E> | Exclude<"id", keyof E> | Exclude<"lang", keyof E> | Exclude<"nonce", keyof E> | Exclude<"placeholder", keyof E> | Exclude<"slot", keyof E> | Exclude<"spellCheck", keyof E> | Exclude<"tabIndex", keyof E> | Exclude<"title", keyof E> | Exclude<"translate", keyof E> | Exclude<"radioGroup", keyof E> | Exclude<"role", keyof E> | Exclude<"about", keyof E> | Exclude<"content", keyof E> | Exclude<"datatype", keyof E> | Exclude<"inlist", keyof E> | Exclude<"prefix", keyof E> | Exclude<"property", keyof E> | Exclude<"rel", keyof E> | Exclude<"resource", keyof E> | Exclude<"rev", keyof E> | Exclude<"typeof", keyof E> | Exclude<"vocab", keyof E> | Exclude<"autoCapitalize", keyof E> | Exclude<"autoCorrect", keyof E> | Exclude<"autoSave", keyof E> | Exclude<"color", keyof E> | Exclude<"itemProp", keyof E> | Exclude<"itemScope", keyof E> | Exclude<"itemType", keyof E> | Exclude<"itemID", keyof E> | Exclude<"itemRef", keyof E> | Exclude<"results", keyof E> | Exclude<"security", keyof E> | Exclude<"unselectable", keyof E> | Exclude<"inputMode", keyof E> | Exclude<"is", keyof E> | Exclude<"aria-activedescendant", keyof E> | Exclude<"aria-atomic", keyof E> | Exclude<"aria-autocomplete", keyof E> | Exclude<"aria-busy", keyof E> | Exclude<"aria-checked", keyof E> | Exclude<"aria-colcount", keyof E> | Exclude<"aria-colindex", keyof E> | Exclude<"aria-colspan", keyof E> | Exclude<"aria-controls", keyof E> | Exclude<"aria-current", keyof E> | Exclude<"aria-describedby", keyof E> | Exclude<"aria-details", keyof E> | Exclude<"aria-disabled", keyof E> | Exclude<"aria-dropeffect", keyof E> | Exclude<"aria-errormessage", keyof E> | Exclude<"aria-expanded", keyof E> | Exclude<"aria-flowto", keyof E> | Exclude<"aria-grabbed", keyof E> | Exclude<"aria-haspopup", keyof E> | Exclude<"aria-hidden", keyof E> | Exclude<"aria-invalid", keyof E> | Exclude<"aria-keyshortcuts", keyof E> | Exclude<"aria-label", keyof E> | Exclude<"aria-labelledby", keyof E> | Exclude<"aria-level", keyof E> | Exclude<"aria-live", keyof E> | Exclude<"aria-modal", keyof E> | Exclude<"aria-multiline", keyof E> | Exclude<"aria-multiselectable", keyof E> | Exclude<"aria-orientation", keyof E> | Exclude<"aria-owns", keyof E> | Exclude<"aria-placeholder", keyof E> | Exclude<"aria-posinset", keyof E> | Exclude<"aria-pressed", keyof E> | Exclude<"aria-readonly", keyof E> | Exclude<"aria-relevant", keyof E> | Exclude<"aria-required", keyof E> | Exclude<"aria-roledescription", keyof E> | Exclude<"aria-rowcount", keyof E> | Exclude<"aria-rowindex", keyof E> | Exclude<"aria-rowspan", keyof E> | Exclude<"aria-selected", keyof E> | Exclude<"aria-setsize", keyof E> | Exclude<"aria-sort", keyof E> | Exclude<"aria-valuemax", keyof E> | Exclude<"aria-valuemin", keyof E> | Exclude<"aria-valuenow", keyof E> | Exclude<"aria-valuetext", keyof E> | Exclude<"dangerouslySetInnerHTML", keyof E> | Exclude<"onCopy", keyof E> | Exclude<"onCopyCapture", keyof E> | Exclude<"onCut", keyof E> | Exclude<"onCutCapture", keyof E> | Exclude<"onPaste", keyof E> | Exclude<"onPasteCapture", keyof E> | Exclude<"onCompositionEnd", keyof E> | Exclude<"onCompositionEndCapture", keyof E> | Exclude<"onCompositionStart", keyof E> | Exclude<"onCompositionStartCapture", keyof E> | Exclude<"onCompositionUpdate", keyof E> | Exclude<"onCompositionUpdateCapture", keyof E> | Exclude<"onFocus", keyof E> | Exclude<"onFocusCapture", keyof E> | Exclude<"onBlur", keyof E> | Exclude<"onBlurCapture", keyof E> | Exclude<"onChange", keyof E> | Exclude<"onChangeCapture", keyof E> | Exclude<"onBeforeInput", keyof E> | Exclude<"onBeforeInputCapture", keyof E> | Exclude<"onInput", keyof E> | Exclude<"onInputCapture", keyof E> | Exclude<"onReset", keyof E> | Exclude<"onResetCapture", keyof E> | Exclude<"onSubmit", keyof E> | Exclude<"onSubmitCapture", keyof E> | Exclude<"onInvalid", keyof E> | Exclude<"onInvalidCapture", keyof E> | Exclude<"onLoad", keyof E> | Exclude<"onLoadCapture", keyof E> | Exclude<"onError", keyof E> | Exclude<"onErrorCapture", keyof E> | Exclude<"onKeyDown", keyof E> | Exclude<"onKeyDownCapture", keyof E> | Exclude<"onKeyPress", keyof E> | Exclude<"onKeyPressCapture", keyof E> | Exclude<"onKeyUp", keyof E> | Exclude<"onKeyUpCapture", keyof E> | Exclude<"onAbort", keyof E> | Exclude<"onAbortCapture", keyof E> | Exclude<"onCanPlay", keyof E> | Exclude<"onCanPlayCapture", keyof E> | Exclude<"onCanPlayThrough", keyof E> | Exclude<"onCanPlayThroughCapture", keyof E> | Exclude<"onDurationChange", keyof E> | Exclude<"onDurationChangeCapture", keyof E> | Exclude<"onEmptied", keyof E> | Exclude<"onEmptiedCapture", keyof E> | Exclude<"onEncrypted", keyof E> | Exclude<"onEncryptedCapture", keyof E> | Exclude<"onEnded", keyof E> | Exclude<"onEndedCapture", keyof E> | Exclude<"onLoadedData", keyof E> | Exclude<"onLoadedDataCapture", keyof E> | Exclude<"onLoadedMetadata", keyof E> | Exclude<"onLoadedMetadataCapture", keyof E> | Exclude<"onLoadStart", keyof E> | Exclude<"onLoadStartCapture", keyof E> | Exclude<"onPause", keyof E> | Exclude<"onPauseCapture", keyof E> | Exclude<"onPlay", keyof E> | Exclude<"onPlayCapture", keyof E> | Exclude<"onPlaying", keyof E> | Exclude<"onPlayingCapture", keyof E> | Exclude<"onProgress", keyof E> | Exclude<"onProgressCapture", keyof E> | Exclude<"onRateChange", keyof E> | Exclude<"onRateChangeCapture", keyof E> | Exclude<"onSeeked", keyof E> | Exclude<"onSeekedCapture", keyof E> | Exclude<"onSeeking", keyof E> | Exclude<"onSeekingCapture", keyof E> | Exclude<"onStalled", keyof E> | Exclude<"onStalledCapture", keyof E> | Exclude<"onSuspend", keyof E> | Exclude<"onSuspendCapture", keyof E> | Exclude<"onTimeUpdate", keyof E> | Exclude<"onTimeUpdateCapture", keyof E> | Exclude<"onVolumeChange", keyof E> | Exclude<"onVolumeChangeCapture", keyof E> | Exclude<"onWaiting", keyof E> | Exclude<"onWaitingCapture", keyof E> | Exclude<"onAuxClick", keyof E> | Exclude<"onAuxClickCapture", keyof E> | Exclude<"onClick", keyof E> | Exclude<"onClickCapture", keyof E> | Exclude<"onContextMenu", keyof E> | Exclude<"onContextMenuCapture", keyof E> | Exclude<"onDoubleClick", keyof E> | Exclude<"onDoubleClickCapture", keyof E> | Exclude<"onDrag", keyof E> | Exclude<"onDragCapture", keyof E> | Exclude<"onDragEnd", keyof E> | Exclude<"onDragEndCapture", keyof E> | Exclude<"onDragEnter", keyof E> | Exclude<"onDragEnterCapture", keyof E> | Exclude<"onDragExit", keyof E> | Exclude<"onDragExitCapture", keyof E> | Exclude<"onDragLeave", keyof E> | Exclude<"onDragLeaveCapture", keyof E> | Exclude<"onDragOver", keyof E> | Exclude<"onDragOverCapture", keyof E> | Exclude<"onDragStart", keyof E> | Exclude<"onDragStartCapture", keyof E> | Exclude<"onDrop", keyof E> | Exclude<"onDropCapture", keyof E> | Exclude<"onMouseDown", keyof E> | Exclude<"onMouseDownCapture", keyof E> | Exclude<"onMouseEnter", keyof E> | Exclude<"onMouseLeave", keyof E> | Exclude<"onMouseMove", keyof E> | Exclude<"onMouseMoveCapture", keyof E> | Exclude<"onMouseOut", keyof E> | Exclude<"onMouseOutCapture", keyof E> | Exclude<"onMouseOver", keyof E> | Exclude<"onMouseOverCapture", keyof E> | Exclude<"onMouseUp", keyof E> | Exclude<"onMouseUpCapture", keyof E> | Exclude<"onSelect", keyof E> | Exclude<"onSelectCapture", keyof E> | Exclude<"onTouchCancel", keyof E> | Exclude<"onTouchCancelCapture", keyof E> | Exclude<"onTouchEnd", keyof E> | Exclude<"onTouchEndCapture", keyof E> | Exclude<"onTouchMove", keyof E> | Exclude<"onTouchMoveCapture", keyof E> | Exclude<"onTouchStart", keyof E> | Exclude<"onTouchStartCapture", keyof E> | Exclude<"onPointerDown", keyof E> | Exclude<"onPointerDownCapture", keyof E> | Exclude<"onPointerMove", keyof E> | Exclude<"onPointerMoveCapture", keyof E> | Exclude<"onPointerUp", keyof E> | Exclude<"onPointerUpCapture", keyof E> | Exclude<"onPointerCancel", keyof E> | Exclude<"onPointerCancelCapture", keyof E> | Exclude<"onPointerEnter", keyof E> | Exclude<"onPointerEnterCapture", keyof E> | Exclude<"onPointerLeave", keyof E> | Exclude<"onPointerLeaveCapture", keyof E> | Exclude<"onPointerOver", keyof E> | Exclude<"onPointerOverCapture", keyof E> | Exclude<"onPointerOut", keyof E> | Exclude<"onPointerOutCapture", keyof E> | Exclude<"onGotPointerCapture", keyof E> | Exclude<"onGotPointerCaptureCapture", keyof E> | Exclude<"onLostPointerCapture", keyof E> | Exclude<"onLostPointerCaptureCapture", keyof E> | Exclude<"onScroll", keyof E> | Exclude<"onScrollCapture", keyof E> | Exclude<"onWheel", keyof E> | Exclude<"onWheelCapture", keyof E> | Exclude<"onAnimationStart", keyof E> | Exclude<"onAnimationStartCapture", keyof E> | Exclude<"onAnimationEnd", keyof E> | Exclude<"onAnimationEndCapture", keyof E> | Exclude<"onAnimationIteration", keyof E> | Exclude<"onAnimationIterationCapture", keyof E> | Exclude<"onTransitionEnd", keyof E> | Exclude<"onTransitionEndCapture", keyof E>> & EventProps<E> & {
-    children?: ReactNode;
-}>> & React.RefAttributes<unknown>>;
+import type { EventName } from '@lit-labs/react';
+type EventNames = Record<string, EventName | string>;
+type Constructor<T> = new () => T;
+export declare const createComponent: <I extends HTMLElement, E extends EventNames = {}, SubComponents extends Record<string, unknown> = {}>({ tagName, elementClass, events, displayName, subComponents, }: {
+    tagName: string;
+    elementClass: Constructor<I>;
+    events?: E | undefined;
+    displayName?: string | undefined;
+    subComponents?: SubComponents | undefined;
+}) => import("@lit-labs/react").ReactWebComponent<I, E> & SubComponents;
 export {};
 //# sourceMappingURL=createComponent.d.ts.map

package/dist/utils/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../src/utils/createComponent.ts"],"names":[],"mappings":"AAEA;;;GAGG;;AAGH,OAAO,KAAK,EAEX,cAAc,EAGd,SAAS,EACT,MAAM,OAAO,CAAC;AAsFf,KAAK,WAAW,CAAC,CAAC,IAAI;IAAE,QAAQ,CAAC,CAAA;CAAE,CAAC;AAEpC;;;GAGG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG;IACzD,YAAY,EAAE,CAAC,CAAC;CAChB,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAEjD,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI;KAClC,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,GACjC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,eAAe,+EAElB,MAAM,sEAGD,MAAM;eAWW,SAAS;mCAqHxC,CAAC"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../src/utils/createComponent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAErD,KAAK,WAAW,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,eAAe;aAalB,MAAM;;;;;uEAsBf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "1.31.1",
+	"version": "1.33.0",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -46,7 +46,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@lit-labs/react": "^1.1.1"
+		"@lit-labs/react": "^2.0.1"
 	},
 	"directories": {
 		"test": "tests"