@vaadin/react-components 25.0.0-alpha13 → 25.0.0-alpha15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ConfirmDialog.d.ts +1 -1
- package/ConfirmDialog.d.ts.map +1 -1
- package/ConfirmDialog.js.map +1 -1
- package/Dialog.d.ts +2 -2
- package/Dialog.d.ts.map +1 -1
- package/Dialog.js +1 -1
- package/Dialog.js.map +1 -1
- package/Popover.d.ts +8 -2
- package/Popover.d.ts.map +1 -1
- package/Popover.js +1 -1
- package/Popover.js.map +3 -3
- package/TabSheet.d.ts +0 -23
- package/TabSheet.d.ts.map +1 -1
- package/TabSheet.js +1 -1
- package/TabSheet.js.map +3 -3
- package/css/lumo/FontIcons.css +19 -17
- package/package.json +65 -61
- package/utils/createComponent.js +1 -1
- package/utils/createComponent.js.map +1 -1
- package/utils/warnings.d.ts +2 -0
- package/utils/warnings.d.ts.map +1 -0
- package/utils/warnings.js +2 -0
- package/utils/warnings.js.map +7 -0
package/ConfirmDialog.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactElement, RefAttributes } from 'react';
|
|
2
2
|
import { ConfirmDialogElement, type ConfirmDialogProps as _ConfirmDialogProps } from './generated/ConfirmDialog.js';
|
|
3
3
|
export * from './generated/ConfirmDialog.js';
|
|
4
|
-
type OmittedConfirmDialogHTMLAttributes = Omit<HTMLAttributes<ConfirmDialogElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label'>;
|
|
4
|
+
type OmittedConfirmDialogHTMLAttributes = Omit<HTMLAttributes<ConfirmDialogElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label' | 'aria-labelledby'>;
|
|
5
5
|
export type ConfirmDialogProps = Partial<Omit<_ConfirmDialogProps, keyof OmittedConfirmDialogHTMLAttributes>>;
|
|
6
6
|
export declare const ConfirmDialog: (props: ConfirmDialogProps & RefAttributes<ConfirmDialogElement>) => ReactElement | null;
|
|
7
7
|
//# sourceMappingURL=ConfirmDialog.d.ts.map
|
package/ConfirmDialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["src/ConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,oBAAoB,EAEpB,KAAK,kBAAkB,IAAI,mBAAmB,EAC/C,MAAM,8BAA8B,CAAC;AAEtC,cAAc,8BAA8B,CAAC;AAE7C,KAAK,kCAAkC,GAAG,IAAI,CAC5C,cAAc,CAAC,oBAAoB,CAAC,EACpC,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["src/ConfirmDialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,oBAAoB,EAEpB,KAAK,kBAAkB,IAAI,mBAAmB,EAC/C,MAAM,8BAA8B,CAAC;AAEtC,cAAc,8BAA8B,CAAC;AAE7C,KAAK,kCAAkC,GAAG,IAAI,CAC5C,cAAc,CAAC,oBAAoB,CAAC,EACpC,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,CACxG,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,kCAAkC,CAAC,CAAC,CAAC;AAE9G,eAAO,MAAM,aAAa,EAAqB,CAC7C,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,oBAAoB,CAAC,KAC5D,YAAY,GAAG,IAAI,CAAC"}
|
package/ConfirmDialog.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/ConfirmDialog.ts", "src/generated/ConfirmDialog.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n ConfirmDialogElement,\n ConfirmDialog as _ConfirmDialog,\n type ConfirmDialogProps as _ConfirmDialogProps,\n} from './generated/ConfirmDialog.js';\n\nexport * from './generated/ConfirmDialog.js';\n\ntype OmittedConfirmDialogHTMLAttributes = Omit<\n HTMLAttributes<ConfirmDialogElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label'\n>;\n\nexport type ConfirmDialogProps = Partial<Omit<_ConfirmDialogProps, keyof OmittedConfirmDialogHTMLAttributes>>;\n\nexport const ConfirmDialog = _ConfirmDialog as (\n props: ConfirmDialogProps & RefAttributes<ConfirmDialogElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { ConfirmDialog as ConfirmDialogElement, type ConfirmDialogEventMap as _ConfirmDialogEventMap, } from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ConfirmDialogElement, };\nexport type ConfirmDialogEventMap = Readonly<{\n onClosed: EventName<_ConfirmDialogEventMap[\"closed\"]>;\n onCancel: EventName<_ConfirmDialogEventMap[\"cancel\"]>;\n onConfirm: EventName<_ConfirmDialogEventMap[\"confirm\"]>;\n onReject: EventName<_ConfirmDialogEventMap[\"reject\"]>;\n onOpenedChanged: EventName<_ConfirmDialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onCancel: \"cancel\", onConfirm: \"confirm\", onReject: \"reject\", onOpenedChanged: \"opened-changed\" } as ConfirmDialogEventMap;\nexport type ConfirmDialogProps = WebComponentProps<ConfirmDialogElement, ConfirmDialogEventMap>;\nexport const ConfirmDialog = createComponent({\n elementClass: ConfirmDialogElement, events, react: React, tagName: \"vaadin-confirm-dialog\"\n});\n"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n ConfirmDialogElement,\n ConfirmDialog as _ConfirmDialog,\n type ConfirmDialogProps as _ConfirmDialogProps,\n} from './generated/ConfirmDialog.js';\n\nexport * from './generated/ConfirmDialog.js';\n\ntype OmittedConfirmDialogHTMLAttributes = Omit<\n HTMLAttributes<ConfirmDialogElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'aria-label' | 'aria-labelledby'\n>;\n\nexport type ConfirmDialogProps = Partial<Omit<_ConfirmDialogProps, keyof OmittedConfirmDialogHTMLAttributes>>;\n\nexport const ConfirmDialog = _ConfirmDialog as (\n props: ConfirmDialogProps & RefAttributes<ConfirmDialogElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { ConfirmDialog as ConfirmDialogElement, type ConfirmDialogEventMap as _ConfirmDialogEventMap, } from \"@vaadin/confirm-dialog/vaadin-confirm-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ConfirmDialogElement, };\nexport type ConfirmDialogEventMap = Readonly<{\n onClosed: EventName<_ConfirmDialogEventMap[\"closed\"]>;\n onCancel: EventName<_ConfirmDialogEventMap[\"cancel\"]>;\n onConfirm: EventName<_ConfirmDialogEventMap[\"confirm\"]>;\n onReject: EventName<_ConfirmDialogEventMap[\"reject\"]>;\n onOpenedChanged: EventName<_ConfirmDialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onCancel: \"cancel\", onConfirm: \"confirm\", onReject: \"reject\", onOpenedChanged: \"opened-changed\" } as ConfirmDialogEventMap;\nexport type ConfirmDialogProps = WebComponentProps<ConfirmDialogElement, ConfirmDialogEventMap>;\nexport const ConfirmDialog = createComponent({\n elementClass: ConfirmDialogElement, events, react: React, tagName: \"vaadin-confirm-dialog\"\n});\n"],
|
|
5
5
|
"mappings": "AAAA,WAAc,kDCCd,OAAS,iBAAiBA,MAAmF,kDAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,SAAU,SAAU,SAAU,SAAU,UAAW,UAAW,SAAU,SAAU,gBAAiB,gBAAiB,EAExHC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,uBACvE,CAAC,EDCM,IAAMC,EAAgBA",
|
|
6
6
|
"names": ["ConfirmDialogElement", "React", "createComponent", "events", "ConfirmDialog", "createComponent", "ConfirmDialogElement", "React", "ConfirmDialog"]
|
|
7
7
|
}
|
package/Dialog.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { type DialogElement, type DialogProps as _DialogProps } from './generate
|
|
|
3
3
|
import type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';
|
|
4
4
|
export * from './generated/Dialog.js';
|
|
5
5
|
export type DialogReactRendererProps = ReactSimpleRendererProps<DialogElement>;
|
|
6
|
-
type OmittedDialogHTMLAttributes = Omit<HTMLAttributes<DialogElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'aria-label' | 'draggable'>;
|
|
6
|
+
type OmittedDialogHTMLAttributes = Omit<HTMLAttributes<DialogElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'role' | 'aria-label' | 'aria-labelledby' | 'draggable'>;
|
|
7
7
|
export type DialogProps = Partial<Omit<_DialogProps, 'children' | 'footerRenderer' | 'headerRenderer' | 'renderer' | keyof OmittedDialogHTMLAttributes>> & Readonly<{
|
|
8
8
|
children?: ReactNode | ComponentType<DialogReactRendererProps>;
|
|
9
9
|
footer?: ReactNode;
|
|
@@ -17,7 +17,7 @@ declare const ForwardedDialog: import("react").ForwardRefExoticComponent<Partial
|
|
|
17
17
|
onDragged: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["dragged"]>;
|
|
18
18
|
onResize: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["resize"]>;
|
|
19
19
|
onOpenedChanged: import("@lit/react").EventName<import("@vaadin/dialog").DialogEventMap["opened-changed"]>;
|
|
20
|
-
}>>>, "accessKey" | "dir" | "hidden" | "lang" | "title" | "translate" | "prefix" | "
|
|
20
|
+
}>>>, "accessKey" | "dir" | "hidden" | "lang" | "title" | "translate" | "prefix" | "children" | "style" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer" | "headerRenderer" | "footerRenderer">> & Readonly<{
|
|
21
21
|
children?: ReactNode | ComponentType<DialogReactRendererProps>;
|
|
22
22
|
footer?: ReactNode;
|
|
23
23
|
footerRenderer?: ComponentType<DialogReactRendererProps> | null;
|
package/Dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,uBAAuB,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;AAE/E,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,aAAa,CAAC,EAC7B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEhH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,cAAc,uBAAuB,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;AAE/E,KAAK,2BAA2B,GAAG,IAAI,CACrC,cAAc,CAAC,aAAa,CAAC,EAC7B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,CAClH,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAC/B,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,2BAA2B,CAAC,CACtH,GACC,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC,CAAC;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC,CAAC;AAmBL,QAAA,MAAM,eAAe;;;;;;eAzBN,SAAS,GAAG,aAAa,CAAC,wBAAwB,CAAC;aACrD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;aACtD,SAAS;qBACD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;eACpD,aAAa,CAAC,wBAAwB,CAAC,GAAG,IAAI;kDAoBnB,CAAC;AAE3C,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}
|
package/Dialog.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/dialog/vaadin-dialog.js";import{forwardRef as f}from"react";import{Dialog as R}from"@vaadin/dialog/vaadin-dialog.js";import*as D from"react";import{createComponent as c}from"./utils/createComponent.js";var y={onClosed:"closed",onDragged:"dragged",onResize:"resize",onOpenedChanged:"opened-changed"},
|
|
1
|
+
export*from"@vaadin/dialog/vaadin-dialog.js";import{forwardRef as f}from"react";import{Dialog as R}from"@vaadin/dialog/vaadin-dialog.js";import*as D from"react";import{createComponent as c}from"./utils/createComponent.js";var y={onClosed:"closed",onDragged:"dragged",onResize:"resize",onOpenedChanged:"opened-changed"},o=c({elementClass:R,events:y,react:D,tagName:"vaadin-dialog"});import{useSimpleOrChildrenRenderer as r}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsxs as P}from"react/jsx-runtime";function E({children:t,footer:a,header:n,...e},l){let[d,p]=r(e.footerRenderer,a),[i,g]=r(e.headerRenderer,n),[s,m]=r(e.renderer,t);return P(o,{...e,ref:l,footerRenderer:p,headerRenderer:g,renderer:m,children:[i,d,s]})}var b=f(E);export{b as Dialog,R as DialogElement};
|
|
2
2
|
//# sourceMappingURL=Dialog.js.map
|
package/Dialog.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/Dialog.tsx", "src/generated/Dialog.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/dialog/vaadin-dialog.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { Dialog as _Dialog, type DialogElement, type DialogProps as _DialogProps } from './generated/Dialog.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Dialog.js';\n\nexport type DialogReactRendererProps = ReactSimpleRendererProps<DialogElement>;\n\ntype OmittedDialogHTMLAttributes = Omit<\n HTMLAttributes<DialogElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'aria-label' | 'draggable'\n>;\n\nexport type DialogProps = Partial<\n Omit<_DialogProps, 'children' | 'footerRenderer' | 'headerRenderer' | 'renderer' | keyof OmittedDialogHTMLAttributes>\n> &\n Readonly<{\n children?: ReactNode | ComponentType<DialogReactRendererProps>;\n footer?: ReactNode;\n footerRenderer?: ComponentType<DialogReactRendererProps> | null;\n header?: ReactNode;\n headerRenderer?: ComponentType<DialogReactRendererProps> | null;\n renderer?: ComponentType<DialogReactRendererProps> | null;\n }>;\n\nfunction Dialog(\n { children, footer, header, ...props }: DialogProps,\n ref: ForwardedRef<DialogElement>,\n): ReactElement | null {\n const [footerPortals, footerRenderer] = useSimpleOrChildrenRenderer(props.footerRenderer, footer);\n const [headerPortals, headerRenderer] = useSimpleOrChildrenRenderer(props.headerRenderer, header);\n const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n return (\n <_Dialog {...props} ref={ref} footerRenderer={footerRenderer} headerRenderer={headerRenderer} renderer={renderer}>\n {headerPortals}\n {footerPortals}\n {portals}\n </_Dialog>\n );\n}\n\nconst ForwardedDialog = forwardRef(Dialog);\n\nexport { ForwardedDialog as Dialog };\n", "import type { EventName } from \"@lit/react\";\nimport { Dialog as DialogElement, type DialogEventMap as _DialogEventMap, } from \"@vaadin/dialog/vaadin-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DialogElement, };\nexport type DialogEventMap = Readonly<{\n onClosed: EventName<_DialogEventMap[\"closed\"]>;\n onDragged: EventName<_DialogEventMap[\"dragged\"]>;\n onResize: EventName<_DialogEventMap[\"resize\"]>;\n onOpenedChanged: EventName<_DialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onDragged: \"dragged\", onResize: \"resize\", onOpenedChanged: \"opened-changed\" } as DialogEventMap;\nexport type DialogProps = WebComponentProps<DialogElement, DialogEventMap>;\nexport const Dialog = createComponent({\n elementClass: DialogElement, events, react: React, tagName: \"vaadin-dialog\"\n});\n"],
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/dialog/vaadin-dialog.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { Dialog as _Dialog, type DialogElement, type DialogProps as _DialogProps } from './generated/Dialog.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Dialog.js';\n\nexport type DialogReactRendererProps = ReactSimpleRendererProps<DialogElement>;\n\ntype OmittedDialogHTMLAttributes = Omit<\n HTMLAttributes<DialogElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'role' | 'aria-label' | 'aria-labelledby' | 'draggable'\n>;\n\nexport type DialogProps = Partial<\n Omit<_DialogProps, 'children' | 'footerRenderer' | 'headerRenderer' | 'renderer' | keyof OmittedDialogHTMLAttributes>\n> &\n Readonly<{\n children?: ReactNode | ComponentType<DialogReactRendererProps>;\n footer?: ReactNode;\n footerRenderer?: ComponentType<DialogReactRendererProps> | null;\n header?: ReactNode;\n headerRenderer?: ComponentType<DialogReactRendererProps> | null;\n renderer?: ComponentType<DialogReactRendererProps> | null;\n }>;\n\nfunction Dialog(\n { children, footer, header, ...props }: DialogProps,\n ref: ForwardedRef<DialogElement>,\n): ReactElement | null {\n const [footerPortals, footerRenderer] = useSimpleOrChildrenRenderer(props.footerRenderer, footer);\n const [headerPortals, headerRenderer] = useSimpleOrChildrenRenderer(props.headerRenderer, header);\n const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n return (\n <_Dialog {...props} ref={ref} footerRenderer={footerRenderer} headerRenderer={headerRenderer} renderer={renderer}>\n {headerPortals}\n {footerPortals}\n {portals}\n </_Dialog>\n );\n}\n\nconst ForwardedDialog = forwardRef(Dialog);\n\nexport { ForwardedDialog as Dialog };\n", "import type { EventName } from \"@lit/react\";\nimport { Dialog as DialogElement, type DialogEventMap as _DialogEventMap, } from \"@vaadin/dialog/vaadin-dialog.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DialogElement, };\nexport type DialogEventMap = Readonly<{\n onClosed: EventName<_DialogEventMap[\"closed\"]>;\n onDragged: EventName<_DialogEventMap[\"dragged\"]>;\n onResize: EventName<_DialogEventMap[\"resize\"]>;\n onOpenedChanged: EventName<_DialogEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onDragged: \"dragged\", onResize: \"resize\", onOpenedChanged: \"opened-changed\" } as DialogEventMap;\nexport type DialogProps = WebComponentProps<DialogElement, DialogEventMap>;\nexport const Dialog = createComponent({\n elementClass: DialogElement, events, react: React, tagName: \"vaadin-dialog\"\n});\n"],
|
|
5
5
|
"mappings": "AAAA,WAAc,kCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,UAAUC,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAQxD,IAAMC,EAAS,CAAE,SAAU,SAAU,UAAW,UAAW,SAAU,SAAU,gBAAiB,gBAAiB,EAEpGC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC,EDLD,OAAS,+BAAAC,MAAmC,6CAiCxC,eAAAC,MAAA,oBATJ,SAASC,EACP,CAAE,SAAAC,EAAU,OAAAC,EAAQ,OAAAC,EAAQ,GAAGC,CAAM,EACrCC,EACqB,CACrB,GAAM,CAACC,EAAeC,CAAc,EAAIT,EAA4BM,EAAM,eAAgBF,CAAM,EAC1F,CAACM,EAAeC,CAAc,EAAIX,EAA4BM,EAAM,eAAgBD,CAAM,EAC1F,CAACO,EAASC,CAAQ,EAAIb,EAA4BM,EAAM,SAAUH,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAS,GAAGI,EAAO,IAAKC,EAAK,eAAgBE,EAAgB,eAAgBE,EAAgB,SAAUE,EACrG,UAAAH,EACAF,EACAI,GACH,CAEJ,CAEA,IAAME,EAAkBC,EAAWb,CAAM",
|
|
6
6
|
"names": ["forwardRef", "DialogElement", "React", "createComponent", "events", "Dialog", "createComponent", "DialogElement", "React", "useSimpleOrChildrenRenderer", "jsxs", "Dialog", "children", "footer", "header", "props", "ref", "footerPortals", "footerRenderer", "headerPortals", "headerRenderer", "portals", "renderer", "ForwardedDialog", "forwardRef"]
|
|
7
7
|
}
|
package/Popover.d.ts
CHANGED
|
@@ -3,16 +3,22 @@ import { type PopoverElement, type PopoverProps as _PopoverProps } from './gener
|
|
|
3
3
|
import type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';
|
|
4
4
|
export * from './generated/Popover.js';
|
|
5
5
|
export type PopoverReactRendererProps = ReactSimpleRendererProps<PopoverElement>;
|
|
6
|
-
type OmittedPopoverHTMLAttributes = Omit<HTMLAttributes<PopoverElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'>;
|
|
6
|
+
type OmittedPopoverHTMLAttributes = Omit<HTMLAttributes<PopoverElement>, 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'role' | 'aria-label' | 'aria-labelledby'>;
|
|
7
7
|
export type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' | keyof OmittedPopoverHTMLAttributes>> & Readonly<{
|
|
8
8
|
children?: ReactNode | ComponentType<PopoverReactRendererProps>;
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated Pass children directly to the popover instead
|
|
11
|
+
*/
|
|
9
12
|
renderer?: ComponentType<PopoverReactRendererProps> | null;
|
|
10
13
|
}>;
|
|
11
14
|
declare const ForwardedPopover: import("react").ForwardRefExoticComponent<Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<PopoverElement, Readonly<{
|
|
12
15
|
onClosed: import("@lit/react").EventName<import("@vaadin/popover").PopoverEventMap["closed"]>;
|
|
13
16
|
onOpenedChanged: import("@lit/react").EventName<import("@vaadin/popover").PopoverEventMap["opened-changed"]>;
|
|
14
|
-
}>>>, "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "title" | "translate" | "prefix" | "
|
|
17
|
+
}>>>, "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "title" | "translate" | "prefix" | "children" | "style" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer">> & Readonly<{
|
|
15
18
|
children?: ReactNode | ComponentType<PopoverReactRendererProps>;
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated Pass children directly to the popover instead
|
|
21
|
+
*/
|
|
16
22
|
renderer?: ComponentType<PopoverReactRendererProps> | null;
|
|
17
23
|
}> & import("react").RefAttributes<PopoverElement>>;
|
|
18
24
|
export { ForwardedPopover as Popover };
|
package/Popover.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,YAAY,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEtH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAGjF,cAAc,wBAAwB,CAAC;AAEvC,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAC;AAEjF,KAAK,4BAA4B,GAAG,IAAI,CACtC,cAAc,CAAC,cAAc,CAAC,EAC9B,IAAI,GAAG,WAAW,GAAG,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,iBAAiB,CACpG,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,4BAA4B,CAAC,CAAC,GACnH,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC5D,CAAC,CAAC;AAqBL,QAAA,MAAM,gBAAgB;;;;eA1BP,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC;IAC/D;;OAEG;eACQ,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI;mDAsBlB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,CAAC"}
|
package/Popover.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/popover/vaadin-popover.js";import{forwardRef as
|
|
1
|
+
export*from"@vaadin/popover/vaadin-popover.js";import{forwardRef as v}from"react";import{Popover as d}from"@vaadin/popover/vaadin-popover.js";import*as s from"react";import{createComponent as P}from"./utils/createComponent.js";var m={onClosed:"closed",onOpenedChanged:"opened-changed"},r=P({elementClass:d,events:m,react:s,tagName:"vaadin-popover"});import{useSimpleOrChildrenRenderer as i}from"./renderers/useSimpleOrChildrenRenderer.js";import{issueWarning as t}from"./utils/warnings.js";import{jsx as c}from"react/jsx-runtime";function l({children:o,...e},p){e.renderer&&t("<Popover>: Using the renderer prop is deprecated. Pass children directly to the component instead."),typeof o=="function"&&t("<Popover>: Passing a component type as children is deprecated. Pass children directly to the component instead.");let[n,a]=i(e.renderer,o);return c(r,{...e,ref:p,renderer:a,children:n})}var M=v(l);export{M as Popover,d as PopoverElement};
|
|
2
2
|
//# sourceMappingURL=Popover.js.map
|
package/Popover.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/Popover.tsx", "src/generated/Popover.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/popover/vaadin-popover.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { Popover as _Popover, type PopoverElement, type PopoverProps as _PopoverProps } from './generated/Popover.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\n\nexport * from './generated/Popover.js';\n\nexport type PopoverReactRendererProps = ReactSimpleRendererProps<PopoverElement>;\n\ntype OmittedPopoverHTMLAttributes = Omit<\n HTMLAttributes<PopoverElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot'\n>;\n\nexport type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' | keyof OmittedPopoverHTMLAttributes>> &\n Readonly<{\n children?: ReactNode | ComponentType<PopoverReactRendererProps>;\n renderer?: ComponentType<PopoverReactRendererProps> | null;\n }>;\n\nfunction Popover({ children, ...props }: PopoverProps, ref: ForwardedRef<PopoverElement>): ReactElement | null {\n const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n return (\n <_Popover {...props} ref={ref} renderer={renderer}>\n {portals}\n </_Popover>\n );\n}\n\nconst ForwardedPopover = forwardRef(Popover);\n\nexport { ForwardedPopover as Popover };\n", "import type { EventName } from \"@lit/react\";\nimport { Popover as PopoverElement, type PopoverEventMap as _PopoverEventMap, } from \"@vaadin/popover/vaadin-popover.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { PopoverElement, };\nexport type PopoverEventMap = Readonly<{\n onClosed: EventName<_PopoverEventMap[\"closed\"]>;\n onOpenedChanged: EventName<_PopoverEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onOpenedChanged: \"opened-changed\" } as PopoverEventMap;\nexport type PopoverProps = WebComponentProps<PopoverElement, PopoverEventMap>;\nexport const Popover = createComponent({\n elementClass: PopoverElement, events, react: React, tagName: \"vaadin-popover\"\n});\n"],
|
|
5
|
-
"mappings": "AAAA,WAAc,oCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,WAAWC,MAAiE,oCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,SAAU,SAAU,gBAAiB,gBAAiB,EAE1DC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC,EDHD,OAAS,+BAAAC,MAAmC,
|
|
6
|
-
"names": ["forwardRef", "PopoverElement", "React", "createComponent", "events", "Popover", "createComponent", "PopoverElement", "React", "useSimpleOrChildrenRenderer", "jsx", "Popover", "children", "props", "ref", "portals", "renderer", "ForwardedPopover", "forwardRef"]
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/popover/vaadin-popover.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n type HTMLAttributes,\n forwardRef,\n type ReactElement,\n type ReactNode,\n} from 'react';\nimport { Popover as _Popover, type PopoverElement, type PopoverProps as _PopoverProps } from './generated/Popover.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\nimport { issueWarning } from './utils/warnings.js';\n\nexport * from './generated/Popover.js';\n\nexport type PopoverReactRendererProps = ReactSimpleRendererProps<PopoverElement>;\n\ntype OmittedPopoverHTMLAttributes = Omit<\n HTMLAttributes<PopoverElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'role' | 'aria-label' | 'aria-labelledby'\n>;\n\nexport type PopoverProps = Partial<Omit<_PopoverProps, 'children' | 'renderer' | keyof OmittedPopoverHTMLAttributes>> &\n Readonly<{\n children?: ReactNode | ComponentType<PopoverReactRendererProps>;\n /**\n * @deprecated Pass children directly to the popover instead\n */\n renderer?: ComponentType<PopoverReactRendererProps> | null;\n }>;\n\nfunction Popover({ children, ...props }: PopoverProps, ref: ForwardedRef<PopoverElement>): ReactElement | null {\n if (props.renderer) {\n issueWarning('<Popover>: Using the renderer prop is deprecated. Pass children directly to the component instead.');\n }\n if (typeof children === 'function') {\n issueWarning(\n '<Popover>: Passing a component type as children is deprecated. Pass children directly to the component instead.',\n );\n }\n\n const [portals, renderer] = useSimpleOrChildrenRenderer(props.renderer, children);\n\n return (\n <_Popover {...props} ref={ref} renderer={renderer}>\n {portals}\n </_Popover>\n );\n}\n\nconst ForwardedPopover = forwardRef(Popover);\n\nexport { ForwardedPopover as Popover };\n", "import type { EventName } from \"@lit/react\";\nimport { Popover as PopoverElement, type PopoverEventMap as _PopoverEventMap, } from \"@vaadin/popover/vaadin-popover.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { PopoverElement, };\nexport type PopoverEventMap = Readonly<{\n onClosed: EventName<_PopoverEventMap[\"closed\"]>;\n onOpenedChanged: EventName<_PopoverEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onOpenedChanged: \"opened-changed\" } as PopoverEventMap;\nexport type PopoverProps = WebComponentProps<PopoverElement, PopoverEventMap>;\nexport const Popover = createComponent({\n elementClass: PopoverElement, events, react: React, tagName: \"vaadin-popover\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,oCACd,OAIE,cAAAA,MAGK,QCPP,OAAS,WAAWC,MAAiE,oCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,SAAU,SAAU,gBAAiB,gBAAiB,EAE1DC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC,EDHD,OAAS,+BAAAC,MAAmC,6CAE5C,OAAS,gBAAAC,MAAoB,sBAiCzB,cAAAC,MAAA,oBAbJ,SAASC,EAAQ,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAiBC,EAAwD,CACzGD,EAAM,UACRJ,EAAa,oGAAoG,EAE/G,OAAOG,GAAa,YACtBH,EACE,iHACF,EAGF,GAAM,CAACM,EAASC,CAAQ,EAAIR,EAA4BK,EAAM,SAAUD,CAAQ,EAEhF,OACEF,EAACC,EAAA,CAAU,GAAGE,EAAO,IAAKC,EAAK,SAAUE,EACtC,SAAAD,EACH,CAEJ,CAEA,IAAME,EAAmBC,EAAWP,CAAO",
|
|
6
|
+
"names": ["forwardRef", "PopoverElement", "React", "createComponent", "events", "Popover", "createComponent", "PopoverElement", "React", "useSimpleOrChildrenRenderer", "issueWarning", "jsx", "Popover", "children", "props", "ref", "portals", "renderer", "ForwardedPopover", "forwardRef"]
|
|
7
7
|
}
|
package/TabSheet.d.ts
CHANGED
|
@@ -35,27 +35,4 @@ declare const ForwardedTabSheet: React.ForwardRefExoticComponent<Partial<Omit<Pa
|
|
|
35
35
|
onSelectedChanged: import("@lit/react").EventName<import("@vaadin/tabsheet").TabSheetEventMap["selected-changed"]>;
|
|
36
36
|
}>>>, "items">> & React.RefAttributes<TabSheetElement>>;
|
|
37
37
|
export { ForwardedTabSheet as TabSheet };
|
|
38
|
-
/**
|
|
39
|
-
* A helper function that allows declaring the tab identifier on the children
|
|
40
|
-
* of the `<TabSheet/>` component
|
|
41
|
-
*
|
|
42
|
-
* ### Usage
|
|
43
|
-
*
|
|
44
|
-
* ```tsx
|
|
45
|
-
* <TabSheet>
|
|
46
|
-
* <Tabs slot="tabs">
|
|
47
|
-
* <Tab id="about">About</Tab>
|
|
48
|
-
* <Tab id="contuct">Contact us</Tab>
|
|
49
|
-
* </Tabs>
|
|
50
|
-
* <div {...tab('about')}>This tab is all about,..</div>
|
|
51
|
-
* <div {...tab('contact')}>Our website: ...</div>
|
|
52
|
-
* </TabSheet>
|
|
53
|
-
* ```
|
|
54
|
-
*
|
|
55
|
-
* @param tab The identifier of the correspoding tab.
|
|
56
|
-
*
|
|
57
|
-
* @returns object with HTML attribute values recognized on tab sheet children.
|
|
58
|
-
* @deprecated Use `<TabSheetTab/>` instead.
|
|
59
|
-
*/
|
|
60
|
-
export declare function tab(tab: string): Record<string, string>;
|
|
61
38
|
//# sourceMappingURL=TabSheet.d.ts.map
|
package/TabSheet.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabSheet.d.ts","sourceRoot":"","sources":["src/TabSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,IAAI,cAAc,EACrC,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAExC,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,gBAAgB,SAAS,CAAC;AAiB9D,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAyCnE,QAAA,MAAM,iBAAiB;;;uDAAuB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"TabSheet.d.ts","sourceRoot":"","sources":["src/TabSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,IAAI,cAAc,EACrC,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAExC,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,gBAAgB,SAAS,CAAC;AAiB9D,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAyCnE,QAAA,MAAM,iBAAiB;;;uDAAuB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC"}
|
package/TabSheet.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},
|
|
1
|
+
var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,b)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of M(t))!R.call(e,n)&&n!==o&&c(e,n,{get:()=>t[n],enumerable:!(b=P(t,n))||b.enumerable});return e},r=(e,t,o)=>(i(e,t,"default"),o&&i(o,t,"default"));export*from"@vaadin/tabsheet/vaadin-tabsheet.js";import m,{forwardRef as V}from"react";var p={};S(p,{Tab:()=>h,TabElement:()=>E});r(p,U);import*as U from"@vaadin/tabs/vaadin-tab.js";import{Tab as E}from"@vaadin/tabs/vaadin-tab.js";import*as u from"react";import{createComponent as N}from"./utils/createComponent.js";var _={},h=N({elementClass:E,events:_,react:u,tagName:"vaadin-tab"});import{TabSheet as I}from"@vaadin/tabsheet/vaadin-tabsheet.js";import*as W from"react";import{createComponent as w}from"./utils/createComponent.js";var k={onItemsChanged:"items-changed",onSelectedChanged:"selected-changed"},f=w({elementClass:I,events:k,react:W,tagName:"vaadin-tabsheet"});var s={};S(s,{Tabs:()=>l,TabsElement:()=>y});r(s,ae);import*as ae from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as y}from"@vaadin/tabs/vaadin-tabs.js";import*as F from"react";import{createComponent as A}from"./utils/createComponent.js";var O={onSelectedChanged:"selected-changed",onItemsChanged:"items-changed"},l=A({elementClass:y,events:O,react:F,tagName:"vaadin-tabs"});import{jsx as g,jsxs as D}from"react/jsx-runtime";import{createElement as B}from"react";var v=e=>null,q=0,d=new WeakMap;function T(e){return e.props.id?e.props.id:(d.has(e)||d.set(e,"tabsheet-tab-"+q++),d.get(e))}function z(e,t){let{children:o,...b}=e,n=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type===v),C=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type!==v);return D(f,{...b,ref:t,children:[n.length>0?g(l,{slot:"tabs",children:n.map(a=>{let{children:G,label:H,...x}=a.props;return B(h,{...x,id:T(a),key:T(a)},a.props.label)})}):null,n.map(a=>g("div",{style:{display:"contents"},tab:T(a),children:a.props.children},T(a))),C]})}var be=V(z);export{be as TabSheet,I as TabSheetElement,v as TabSheetTab};
|
|
2
2
|
//# sourceMappingURL=TabSheet.js.map
|
package/TabSheet.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/TabSheet.tsx", "src/Tab.ts", "src/generated/Tab.ts", "src/generated/TabSheet.ts", "src/Tabs.ts", "src/generated/Tabs.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport React, { forwardRef, type ForwardedRef, type ReactNode } from 'react';\nimport { Tab, type TabProps } from './Tab.js';\nimport {\n TabSheet as _TabSheet,\n type TabSheetElement,\n type TabSheetProps as _TabSheetProps,\n} from './generated/TabSheet.js';\nimport { Tabs } from './Tabs.js';\n\nexport * from './generated/TabSheet.js';\n\ntype TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {\n /**\n * The label of the tab.\n */\n label?: ReactNode;\n};\n\ntype TabSheetTab = React.ReactElement<TabSheetTabProps>;\n\n/**\n * `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.\n * Use this component as a direct child of the `<TabSheet/>` component.\n * It accepts a `label` property, which can be either a string or a React node.\n * The children of the component will be rendered as the content of the tab.\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <TabSheetTab label=\"Dashboard\">\n * <div>This is the Dashboard tab content</div>\n * </TabSheetTab>\n *\n * <TabSheetTab label={<i>Payment</i>}>\n * <div>This is the Payment tab content</div>\n * </TabSheetTab>\n * </TabSheet>\n * ```\n */\nexport const TabSheetTab = (_props: TabSheetTabProps) => null;\n\nlet uniqueId = 0;\nconst generatedTabIds = new WeakMap<TabSheetTab, string>();\nfunction getTabId(tab: TabSheetTab) {\n if (tab.props.id) {\n // Support custom id for a tabsheet tab\n return tab.props.id;\n }\n\n if (!generatedTabIds.has(tab)) {\n // Generate a temporary id for the tab while it's being rendered\n generatedTabIds.set(tab, 'tabsheet-tab-' + uniqueId++);\n }\n return generatedTabIds.get(tab);\n}\n\nexport type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;\n\nfunction TabSheet(props: TabSheetProps, ref: ForwardedRef<TabSheetElement>) {\n const { children, ...tabSheetRest } = props;\n\n // The direct TabSheetTab children of the TabSheet\n const tabs = React.Children.toArray(children).filter((child): child is TabSheetTab => {\n return React.isValidElement(child) && child.type === TabSheetTab;\n });\n\n // All the other children of the TabSheet\n const remainingChildren = React.Children.toArray(children).filter((child) => {\n return React.isValidElement(child) && child.type !== TabSheetTab;\n });\n\n return (\n <_TabSheet {...tabSheetRest} ref={ref}>\n {tabs.length > 0 ? (\n <Tabs slot=\"tabs\">\n {tabs.map((child) => {\n const { children, label, ...tabRest } = child.props;\n return (\n <Tab {...tabRest} id={getTabId(child)} key={getTabId(child)}>\n {child.props.label}\n </Tab>\n );\n })}\n </Tabs>\n ) : null}\n\n {tabs.map((child) => (\n <div style={{ display: 'contents' }} {...{ tab: getTabId(child) }} key={getTabId(child)}>\n {child.props.children}\n </div>\n ))}\n\n {remainingChildren}\n </_TabSheet>\n );\n}\n\nconst ForwardedTabSheet = forwardRef(TabSheet);\n\nexport { ForwardedTabSheet as TabSheet };\n
|
|
5
|
-
"mappings": "kaAAA,WAAc,sCACd,OAAOA,GAAS,cAAAC,MAAqD,QCDrE,IAAAC,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,eAAAC,IAAAC,EAAAJ,EAAAK,GAAA,UAAAA,MAAc,6BCCd,OAAS,OAAOC,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC,ECTD,OAAS,YAAYC,MAAoE,sCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,eAAgB,gBAAiB,kBAAmB,kBAAmB,EAE3EC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBAClE,CAAC,ECbD,IAAAC,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAAC,EAAAJ,EAAAK,IAAA,UAAAA,OAAc,8BCCd,OAAS,QAAQC,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC,EL6DG,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAMU,wBAAAC,MAAA,QAvCP,IAAMC,EAAeC,GAA6B,KAErDC,EAAW,EACTC,EAAkB,IAAI,QAC5B,SAASC,EAASC,EAAkB,CAClC,OAAIA,EAAI,MAAM,GAELA,EAAI,MAAM,IAGdF,EAAgB,IAAIE,CAAG,GAE1BF,EAAgB,IAAIE,EAAK,gBAAkBH,GAAU,EAEhDC,EAAgB,IAAIE,CAAG,EAChC,CAIA,SAASC,EAASC,EAAsBC,EAAoC,CAC1E,GAAM,CAAE,SAAAC,EAAU,GAAGC,CAAa,EAAIH,EAGhCI,EAAOC,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC7CD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAGKc,EAAoBF,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC1DD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAED,OACEF,EAACQ,EAAA,CAAW,GAAGI,EAAc,IAAKF,EAC/B,UAAAG,EAAK,OAAS,EACbd,EAACkB,EAAA,CAAK,KAAK,OACR,SAAAJ,EAAK,IAAKE,GAAU,CACnB,GAAM,CAAE,SAAAJ,EAAU,MAAAO,EAAO,GAAGC,CAAQ,EAAIJ,EAAM,MAC9C,OACEd,EAACmB,EAAA,CAAK,GAAGD,EAAS,GAAIb,EAASS,CAAK,EAAG,IAAKT,EAASS,CAAK,GACvDA,EAAM,MAAM,KACf,CAEJ,CAAC,EACH,EACE,KAEHF,EAAK,IAAKE,GACThB,EAAC,OAAI,MAAO,CAAE,QAAS,UAAW,EAAS,IAAKO,EAASS,CAAK,EAC3D,SAAAA,EAAM,MAAM,UADyDT,EAASS,CAAK,CAEtF,CACD,EAEAC,GACH,CAEJ,CAEA,IAAMK,GAAoBC,EAAWd,CAAQ
|
|
6
|
-
"names": ["React", "forwardRef", "Tab_exports", "__export", "Tab", "TabElement", "__reExport", "vaadin_tab_star", "TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React", "TabSheetElement", "React", "createComponent", "events", "TabSheet", "createComponent", "TabSheetElement", "React", "Tabs_exports", "__export", "Tabs", "TabsElement", "__reExport", "vaadin_tabs_star", "TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React", "jsx", "jsxs", "createElement", "TabSheetTab", "_props", "uniqueId", "generatedTabIds", "getTabId", "tab", "TabSheet", "props", "ref", "children", "tabSheetRest", "tabs", "React", "child", "remainingChildren", "Tabs", "label", "tabRest", "Tab", "ForwardedTabSheet", "forwardRef"
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport React, { forwardRef, type ForwardedRef, type ReactNode } from 'react';\nimport { Tab, type TabProps } from './Tab.js';\nimport {\n TabSheet as _TabSheet,\n type TabSheetElement,\n type TabSheetProps as _TabSheetProps,\n} from './generated/TabSheet.js';\nimport { Tabs } from './Tabs.js';\n\nexport * from './generated/TabSheet.js';\n\ntype TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {\n /**\n * The label of the tab.\n */\n label?: ReactNode;\n};\n\ntype TabSheetTab = React.ReactElement<TabSheetTabProps>;\n\n/**\n * `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.\n * Use this component as a direct child of the `<TabSheet/>` component.\n * It accepts a `label` property, which can be either a string or a React node.\n * The children of the component will be rendered as the content of the tab.\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <TabSheetTab label=\"Dashboard\">\n * <div>This is the Dashboard tab content</div>\n * </TabSheetTab>\n *\n * <TabSheetTab label={<i>Payment</i>}>\n * <div>This is the Payment tab content</div>\n * </TabSheetTab>\n * </TabSheet>\n * ```\n */\nexport const TabSheetTab = (_props: TabSheetTabProps) => null;\n\nlet uniqueId = 0;\nconst generatedTabIds = new WeakMap<TabSheetTab, string>();\nfunction getTabId(tab: TabSheetTab) {\n if (tab.props.id) {\n // Support custom id for a tabsheet tab\n return tab.props.id;\n }\n\n if (!generatedTabIds.has(tab)) {\n // Generate a temporary id for the tab while it's being rendered\n generatedTabIds.set(tab, 'tabsheet-tab-' + uniqueId++);\n }\n return generatedTabIds.get(tab);\n}\n\nexport type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;\n\nfunction TabSheet(props: TabSheetProps, ref: ForwardedRef<TabSheetElement>) {\n const { children, ...tabSheetRest } = props;\n\n // The direct TabSheetTab children of the TabSheet\n const tabs = React.Children.toArray(children).filter((child): child is TabSheetTab => {\n return React.isValidElement(child) && child.type === TabSheetTab;\n });\n\n // All the other children of the TabSheet\n const remainingChildren = React.Children.toArray(children).filter((child) => {\n return React.isValidElement(child) && child.type !== TabSheetTab;\n });\n\n return (\n <_TabSheet {...tabSheetRest} ref={ref}>\n {tabs.length > 0 ? (\n <Tabs slot=\"tabs\">\n {tabs.map((child) => {\n const { children, label, ...tabRest } = child.props;\n return (\n <Tab {...tabRest} id={getTabId(child)} key={getTabId(child)}>\n {child.props.label}\n </Tab>\n );\n })}\n </Tabs>\n ) : null}\n\n {tabs.map((child) => (\n <div style={{ display: 'contents' }} {...{ tab: getTabId(child) }} key={getTabId(child)}>\n {child.props.children}\n </div>\n ))}\n\n {remainingChildren}\n </_TabSheet>\n );\n}\n\nconst ForwardedTabSheet = forwardRef(TabSheet);\n\nexport { ForwardedTabSheet as TabSheet };\n", "export * from \"@vaadin/tabs/vaadin-tab.js\";\nexport * from './generated/Tab.js';\n", "import type {} from \"@lit/react\";\nimport { Tab as TabElement, } from \"@vaadin/tabs/vaadin-tab.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabElement, };\nexport type TabEventMap = Readonly<{}>;\nconst events = {} as TabEventMap;\nexport type TabProps = WebComponentProps<TabElement, TabEventMap>;\nexport const Tab = createComponent({\n elementClass: TabElement, events, react: React, tagName: \"vaadin-tab\"\n});\n", "import type { EventName } from \"@lit/react\";\nimport { TabSheet as TabSheetElement, type TabSheetEventMap as _TabSheetEventMap, } from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabSheetElement, };\nexport type TabSheetEventMap = Readonly<{\n onItemsChanged: EventName<_TabSheetEventMap[\"items-changed\"]>;\n onSelectedChanged: EventName<_TabSheetEventMap[\"selected-changed\"]>;\n}>;\nconst events = { onItemsChanged: \"items-changed\", onSelectedChanged: \"selected-changed\" } as TabSheetEventMap;\nexport type TabSheetProps = WebComponentProps<TabSheetElement, TabSheetEventMap>;\nexport const TabSheet = createComponent({\n elementClass: TabSheetElement, events, react: React, tagName: \"vaadin-tabsheet\"\n});\n", "export * from \"@vaadin/tabs/vaadin-tabs.js\";\nexport * from './generated/Tabs.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tabs as TabsElement, type TabsEventMap as _TabsEventMap, } from \"@vaadin/tabs/vaadin-tabs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabsElement, };\nexport type TabsEventMap = Readonly<{\n onSelectedChanged: EventName<_TabsEventMap[\"selected-changed\"]>;\n onItemsChanged: EventName<_TabsEventMap[\"items-changed\"]>;\n}>;\nconst events = { onSelectedChanged: \"selected-changed\", onItemsChanged: \"items-changed\" } as TabsEventMap;\nexport type TabsProps = WebComponentProps<TabsElement, TabsEventMap>;\nexport const Tabs = createComponent({\n elementClass: TabsElement, events, react: React, tagName: \"vaadin-tabs\"\n});\n"],
|
|
5
|
+
"mappings": "kaAAA,WAAc,sCACd,OAAOA,GAAS,cAAAC,MAAqD,QCDrE,IAAAC,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,eAAAC,IAAAC,EAAAJ,EAAAK,GAAA,UAAAA,MAAc,6BCCd,OAAS,OAAOC,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC,ECTD,OAAS,YAAYC,MAAoE,sCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,eAAgB,gBAAiB,kBAAmB,kBAAmB,EAE3EC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBAClE,CAAC,ECbD,IAAAC,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAAC,EAAAJ,EAAAK,IAAA,UAAAA,OAAc,8BCCd,OAAS,QAAQC,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC,EL6DG,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAMU,wBAAAC,MAAA,QAvCP,IAAMC,EAAeC,GAA6B,KAErDC,EAAW,EACTC,EAAkB,IAAI,QAC5B,SAASC,EAASC,EAAkB,CAClC,OAAIA,EAAI,MAAM,GAELA,EAAI,MAAM,IAGdF,EAAgB,IAAIE,CAAG,GAE1BF,EAAgB,IAAIE,EAAK,gBAAkBH,GAAU,EAEhDC,EAAgB,IAAIE,CAAG,EAChC,CAIA,SAASC,EAASC,EAAsBC,EAAoC,CAC1E,GAAM,CAAE,SAAAC,EAAU,GAAGC,CAAa,EAAIH,EAGhCI,EAAOC,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC7CD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAGKc,EAAoBF,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC1DD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAED,OACEF,EAACQ,EAAA,CAAW,GAAGI,EAAc,IAAKF,EAC/B,UAAAG,EAAK,OAAS,EACbd,EAACkB,EAAA,CAAK,KAAK,OACR,SAAAJ,EAAK,IAAKE,GAAU,CACnB,GAAM,CAAE,SAAAJ,EAAU,MAAAO,EAAO,GAAGC,CAAQ,EAAIJ,EAAM,MAC9C,OACEd,EAACmB,EAAA,CAAK,GAAGD,EAAS,GAAIb,EAASS,CAAK,EAAG,IAAKT,EAASS,CAAK,GACvDA,EAAM,MAAM,KACf,CAEJ,CAAC,EACH,EACE,KAEHF,EAAK,IAAKE,GACThB,EAAC,OAAI,MAAO,CAAE,QAAS,UAAW,EAAS,IAAKO,EAASS,CAAK,EAC3D,SAAAA,EAAM,MAAM,UADyDT,EAASS,CAAK,CAEtF,CACD,EAEAC,GACH,CAEJ,CAEA,IAAMK,GAAoBC,EAAWd,CAAQ",
|
|
6
|
+
"names": ["React", "forwardRef", "Tab_exports", "__export", "Tab", "TabElement", "__reExport", "vaadin_tab_star", "TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React", "TabSheetElement", "React", "createComponent", "events", "TabSheet", "createComponent", "TabSheetElement", "React", "Tabs_exports", "__export", "Tabs", "TabsElement", "__reExport", "vaadin_tabs_star", "TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React", "jsx", "jsxs", "createElement", "TabSheetTab", "_props", "uniqueId", "generatedTabIds", "getTabId", "tab", "TabSheet", "props", "ref", "children", "tabSheetRest", "tabs", "React", "child", "remainingChildren", "Tabs", "label", "tabRest", "Tab", "ForwardedTabSheet", "forwardRef"]
|
|
7
7
|
}
|
package/css/lumo/FontIcons.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
@font-face {
|
|
5
5
|
font-family: 'lumo-icons';
|
|
6
|
-
src: url(data:application/font-woff;charset=utf-8;base64,
|
|
6
|
+
src: url(data:application/font-woff;charset=utf-8;base64,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)
|
|
7
7
|
format('woff');
|
|
8
8
|
font-weight: normal;
|
|
9
9
|
font-style: normal;
|
|
@@ -40,20 +40,22 @@
|
|
|
40
40
|
--lumo-icons-error: '\ea1c';
|
|
41
41
|
--lumo-icons-eye: '\ea1d';
|
|
42
42
|
--lumo-icons-eye-disabled: '\ea1e';
|
|
43
|
-
--lumo-icons-
|
|
44
|
-
--lumo-icons-
|
|
45
|
-
--lumo-icons-
|
|
46
|
-
--lumo-icons-
|
|
47
|
-
--lumo-icons-
|
|
48
|
-
--lumo-icons-
|
|
49
|
-
--lumo-icons-
|
|
50
|
-
--lumo-icons-
|
|
51
|
-
--lumo-icons-
|
|
52
|
-
--lumo-icons-
|
|
53
|
-
--lumo-icons-
|
|
54
|
-
--lumo-icons-
|
|
55
|
-
--lumo-icons-
|
|
56
|
-
--lumo-icons-
|
|
57
|
-
--lumo-icons-
|
|
58
|
-
--lumo-icons-
|
|
43
|
+
--lumo-icons-indent: '\ea1f';
|
|
44
|
+
--lumo-icons-link: '\ea20';
|
|
45
|
+
--lumo-icons-menu: '\ea21';
|
|
46
|
+
--lumo-icons-minus: '\ea22';
|
|
47
|
+
--lumo-icons-ordered-list: '\ea23';
|
|
48
|
+
--lumo-icons-outdent: '\ea24';
|
|
49
|
+
--lumo-icons-phone: '\ea25';
|
|
50
|
+
--lumo-icons-photo: '\ea26';
|
|
51
|
+
--lumo-icons-play: '\ea27';
|
|
52
|
+
--lumo-icons-plus: '\ea28';
|
|
53
|
+
--lumo-icons-redo: '\ea29';
|
|
54
|
+
--lumo-icons-reload: '\ea2a';
|
|
55
|
+
--lumo-icons-resize-handle: '\ea2b';
|
|
56
|
+
--lumo-icons-search: '\ea2c';
|
|
57
|
+
--lumo-icons-undo: '\ea2d';
|
|
58
|
+
--lumo-icons-unordered-list: '\ea2e';
|
|
59
|
+
--lumo-icons-upload: '\ea2f';
|
|
60
|
+
--lumo-icons-user: '\ea30';
|
|
59
61
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/react-components",
|
|
3
|
-
"version": "25.0.0-
|
|
3
|
+
"version": "25.0.0-alpha15",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -27,66 +27,66 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@lit/react": "^1.0.7",
|
|
30
|
-
"@vaadin/a11y-base": "25.0.0-
|
|
31
|
-
"@vaadin/accordion": "25.0.0-
|
|
32
|
-
"@vaadin/app-layout": "25.0.0-
|
|
33
|
-
"@vaadin/avatar": "25.0.0-
|
|
34
|
-
"@vaadin/avatar-group": "25.0.0-
|
|
35
|
-
"@vaadin/button": "25.0.0-
|
|
36
|
-
"@vaadin/card": "25.0.0-
|
|
37
|
-
"@vaadin/checkbox": "25.0.0-
|
|
38
|
-
"@vaadin/checkbox-group": "25.0.0-
|
|
39
|
-
"@vaadin/combo-box": "25.0.0-
|
|
40
|
-
"@vaadin/component-base": "25.0.0-
|
|
41
|
-
"@vaadin/confirm-dialog": "25.0.0-
|
|
42
|
-
"@vaadin/context-menu": "25.0.0-
|
|
43
|
-
"@vaadin/custom-field": "25.0.0-
|
|
44
|
-
"@vaadin/date-picker": "25.0.0-
|
|
45
|
-
"@vaadin/date-time-picker": "25.0.0-
|
|
46
|
-
"@vaadin/details": "25.0.0-
|
|
47
|
-
"@vaadin/dialog": "25.0.0-
|
|
48
|
-
"@vaadin/email-field": "25.0.0-
|
|
49
|
-
"@vaadin/field-base": "25.0.0-
|
|
50
|
-
"@vaadin/field-highlighter": "25.0.0-
|
|
51
|
-
"@vaadin/form-layout": "25.0.0-
|
|
52
|
-
"@vaadin/grid": "25.0.0-
|
|
53
|
-
"@vaadin/horizontal-layout": "25.0.0-
|
|
54
|
-
"@vaadin/icon": "25.0.0-
|
|
55
|
-
"@vaadin/icons": "25.0.0-
|
|
56
|
-
"@vaadin/input-container": "25.0.0-
|
|
57
|
-
"@vaadin/integer-field": "25.0.0-
|
|
58
|
-
"@vaadin/item": "25.0.0-
|
|
59
|
-
"@vaadin/list-box": "25.0.0-
|
|
60
|
-
"@vaadin/lit-renderer": "25.0.0-
|
|
61
|
-
"@vaadin/login": "25.0.0-
|
|
62
|
-
"@vaadin/markdown": "25.0.0-
|
|
63
|
-
"@vaadin/master-detail-layout": "25.0.0-
|
|
64
|
-
"@vaadin/menu-bar": "25.0.0-
|
|
65
|
-
"@vaadin/message-input": "25.0.0-
|
|
66
|
-
"@vaadin/message-list": "25.0.0-
|
|
67
|
-
"@vaadin/multi-select-combo-box": "25.0.0-
|
|
68
|
-
"@vaadin/notification": "25.0.0-
|
|
69
|
-
"@vaadin/number-field": "25.0.0-
|
|
70
|
-
"@vaadin/overlay": "25.0.0-
|
|
71
|
-
"@vaadin/password-field": "25.0.0-
|
|
72
|
-
"@vaadin/popover": "25.0.0-
|
|
73
|
-
"@vaadin/progress-bar": "25.0.0-
|
|
74
|
-
"@vaadin/radio-group": "25.0.0-
|
|
75
|
-
"@vaadin/scroller": "25.0.0-
|
|
76
|
-
"@vaadin/select": "25.0.0-
|
|
77
|
-
"@vaadin/side-nav": "25.0.0-
|
|
78
|
-
"@vaadin/split-layout": "25.0.0-
|
|
79
|
-
"@vaadin/tabs": "25.0.0-
|
|
80
|
-
"@vaadin/tabsheet": "25.0.0-
|
|
81
|
-
"@vaadin/text-area": "25.0.0-
|
|
82
|
-
"@vaadin/text-field": "25.0.0-
|
|
83
|
-
"@vaadin/time-picker": "25.0.0-
|
|
84
|
-
"@vaadin/tooltip": "25.0.0-
|
|
85
|
-
"@vaadin/upload": "25.0.0-
|
|
86
|
-
"@vaadin/vaadin-lumo-styles": "25.0.0-
|
|
87
|
-
"@vaadin/vaadin-themable-mixin": "25.0.0-
|
|
88
|
-
"@vaadin/vertical-layout": "25.0.0-
|
|
89
|
-
"@vaadin/virtual-list": "25.0.0-
|
|
30
|
+
"@vaadin/a11y-base": "25.0.0-alpha15",
|
|
31
|
+
"@vaadin/accordion": "25.0.0-alpha15",
|
|
32
|
+
"@vaadin/app-layout": "25.0.0-alpha15",
|
|
33
|
+
"@vaadin/avatar": "25.0.0-alpha15",
|
|
34
|
+
"@vaadin/avatar-group": "25.0.0-alpha15",
|
|
35
|
+
"@vaadin/button": "25.0.0-alpha15",
|
|
36
|
+
"@vaadin/card": "25.0.0-alpha15",
|
|
37
|
+
"@vaadin/checkbox": "25.0.0-alpha15",
|
|
38
|
+
"@vaadin/checkbox-group": "25.0.0-alpha15",
|
|
39
|
+
"@vaadin/combo-box": "25.0.0-alpha15",
|
|
40
|
+
"@vaadin/component-base": "25.0.0-alpha15",
|
|
41
|
+
"@vaadin/confirm-dialog": "25.0.0-alpha15",
|
|
42
|
+
"@vaadin/context-menu": "25.0.0-alpha15",
|
|
43
|
+
"@vaadin/custom-field": "25.0.0-alpha15",
|
|
44
|
+
"@vaadin/date-picker": "25.0.0-alpha15",
|
|
45
|
+
"@vaadin/date-time-picker": "25.0.0-alpha15",
|
|
46
|
+
"@vaadin/details": "25.0.0-alpha15",
|
|
47
|
+
"@vaadin/dialog": "25.0.0-alpha15",
|
|
48
|
+
"@vaadin/email-field": "25.0.0-alpha15",
|
|
49
|
+
"@vaadin/field-base": "25.0.0-alpha15",
|
|
50
|
+
"@vaadin/field-highlighter": "25.0.0-alpha15",
|
|
51
|
+
"@vaadin/form-layout": "25.0.0-alpha15",
|
|
52
|
+
"@vaadin/grid": "25.0.0-alpha15",
|
|
53
|
+
"@vaadin/horizontal-layout": "25.0.0-alpha15",
|
|
54
|
+
"@vaadin/icon": "25.0.0-alpha15",
|
|
55
|
+
"@vaadin/icons": "25.0.0-alpha15",
|
|
56
|
+
"@vaadin/input-container": "25.0.0-alpha15",
|
|
57
|
+
"@vaadin/integer-field": "25.0.0-alpha15",
|
|
58
|
+
"@vaadin/item": "25.0.0-alpha15",
|
|
59
|
+
"@vaadin/list-box": "25.0.0-alpha15",
|
|
60
|
+
"@vaadin/lit-renderer": "25.0.0-alpha15",
|
|
61
|
+
"@vaadin/login": "25.0.0-alpha15",
|
|
62
|
+
"@vaadin/markdown": "25.0.0-alpha15",
|
|
63
|
+
"@vaadin/master-detail-layout": "25.0.0-alpha15",
|
|
64
|
+
"@vaadin/menu-bar": "25.0.0-alpha15",
|
|
65
|
+
"@vaadin/message-input": "25.0.0-alpha15",
|
|
66
|
+
"@vaadin/message-list": "25.0.0-alpha15",
|
|
67
|
+
"@vaadin/multi-select-combo-box": "25.0.0-alpha15",
|
|
68
|
+
"@vaadin/notification": "25.0.0-alpha15",
|
|
69
|
+
"@vaadin/number-field": "25.0.0-alpha15",
|
|
70
|
+
"@vaadin/overlay": "25.0.0-alpha15",
|
|
71
|
+
"@vaadin/password-field": "25.0.0-alpha15",
|
|
72
|
+
"@vaadin/popover": "25.0.0-alpha15",
|
|
73
|
+
"@vaadin/progress-bar": "25.0.0-alpha15",
|
|
74
|
+
"@vaadin/radio-group": "25.0.0-alpha15",
|
|
75
|
+
"@vaadin/scroller": "25.0.0-alpha15",
|
|
76
|
+
"@vaadin/select": "25.0.0-alpha15",
|
|
77
|
+
"@vaadin/side-nav": "25.0.0-alpha15",
|
|
78
|
+
"@vaadin/split-layout": "25.0.0-alpha15",
|
|
79
|
+
"@vaadin/tabs": "25.0.0-alpha15",
|
|
80
|
+
"@vaadin/tabsheet": "25.0.0-alpha15",
|
|
81
|
+
"@vaadin/text-area": "25.0.0-alpha15",
|
|
82
|
+
"@vaadin/text-field": "25.0.0-alpha15",
|
|
83
|
+
"@vaadin/time-picker": "25.0.0-alpha15",
|
|
84
|
+
"@vaadin/tooltip": "25.0.0-alpha15",
|
|
85
|
+
"@vaadin/upload": "25.0.0-alpha15",
|
|
86
|
+
"@vaadin/vaadin-lumo-styles": "25.0.0-alpha15",
|
|
87
|
+
"@vaadin/vaadin-themable-mixin": "25.0.0-alpha15",
|
|
88
|
+
"@vaadin/vertical-layout": "25.0.0-alpha15",
|
|
89
|
+
"@vaadin/virtual-list": "25.0.0-alpha15"
|
|
90
90
|
},
|
|
91
91
|
"author": "Vaadin Ltd.",
|
|
92
92
|
"license": "Apache-2.0",
|
|
@@ -508,6 +508,10 @@
|
|
|
508
508
|
"./utils/useMergedRefs.d.ts.map": "./utils/useMergedRefs.d.ts.map",
|
|
509
509
|
"./utils/useMergedRefs.js": "./utils/useMergedRefs.js",
|
|
510
510
|
"./utils/useMergedRefs.js.map": "./utils/useMergedRefs.js.map",
|
|
511
|
+
"./utils/warnings.d.ts": "./utils/warnings.d.ts",
|
|
512
|
+
"./utils/warnings.d.ts.map": "./utils/warnings.d.ts.map",
|
|
513
|
+
"./utils/warnings.js": "./utils/warnings.js",
|
|
514
|
+
"./utils/warnings.js.map": "./utils/warnings.js.map",
|
|
511
515
|
"./renderers/combobox.d.ts": "./renderers/combobox.d.ts",
|
|
512
516
|
"./renderers/grid.d.ts": "./renderers/grid.d.ts",
|
|
513
517
|
"./renderers/multiSelectCombobox.d.ts": "./renderers/multiSelectCombobox.d.ts",
|
package/utils/createComponent.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.0.0-
|
|
1
|
+
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.0.0-alpha15"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
|
|
2
2
|
//# sourceMappingURL=createComponent.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/utils/createComponent.ts"],
|
|
4
|
-
"sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n interface VaadinRegistration {\n is: string;\n version: string;\n }\n\n interface Vaadin {\n registrations?: VaadinRegistration[];\n }\n\n interface Window {\n // @ts-expect-error: Different declaration from one of the dependencies.\n Vaadin?: Vaadin;\n }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n is: '@vaadin/react-components',\n version: /* updated-by-script */ '25.0.0-
|
|
4
|
+
"sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n interface VaadinRegistration {\n is: string;\n version: string;\n }\n\n interface Vaadin {\n registrations?: VaadinRegistration[];\n }\n\n interface Window {\n // @ts-expect-error: Different declaration from one of the dependencies.\n Vaadin?: Vaadin;\n }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n is: '@vaadin/react-components',\n version: /* updated-by-script */ '25.0.0-alpha15',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n displayName?: string;\n elementClass: Constructor<I> | PolymerConstructor<I>;\n events?: E;\n react: typeof window.React;\n tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n EventListeners<E> &\n ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n I extends ThemePropertyMixinClass & HTMLElement,\n E extends EventNames = {},\n> = ComponentProps<I, E> & {\n /**\n * Attribute that can be used by the component to apply built-in style variants,\n * or to propagate its value to the sub-components in Shadow DOM.\n *\n * @see ThemePropertyMixinClass#_theme\n */\n theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n ? ThemedWebComponentProps<I, E>\n : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n const { elementClass } = options;\n\n return _createComponent(\n '_properties' in elementClass\n ? {\n ...options,\n // TODO: improve or remove the Polymer workaround\n // 'createComponent' relies on key presence on the custom element class,\n // but Polymer defines properties on the prototype when the first element\n // is created. Workaround: pass a mock object with properties in\n // the prototype.\n elementClass: {\n // @ts-expect-error: it is a specific workaround for Polymer classes.\n name: elementClass.name,\n prototype: { ...elementClass._properties, hidden: Boolean },\n },\n }\n : options,\n );\n}\n"],
|
|
5
5
|
"mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,gBACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
|
|
6
6
|
"names": ["_createComponent", "createComponent", "options", "elementClass"]
|
|
7
7
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"warnings.d.ts","sourceRoot":"","sources":["../src/utils/warnings.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,QAO3C"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/utils/warnings.ts"],
|
|
4
|
+
"sourcesContent": ["const issuedWarnings = new Set();\n\nexport function issueWarning(warning: string) {\n if (issuedWarnings.has(warning)) {\n return;\n }\n\n issuedWarnings.add(warning);\n console.warn(warning);\n}\n"],
|
|
5
|
+
"mappings": "AAAA,MAAMA,EAAiB,IAAI,IAEpB,SAASC,EAAaC,EAAiB,CACxCF,EAAe,IAAIE,CAAO,IAI9BF,EAAe,IAAIE,CAAO,EAC1B,QAAQ,KAAKA,CAAO,EACtB",
|
|
6
|
+
"names": ["issuedWarnings", "issueWarning", "warning"]
|
|
7
|
+
}
|