@vaadin/react-components 25.0.0-alpha7 → 25.0.0-beta1
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/ContextMenu.js +1 -1
- package/ContextMenu.js.map +2 -2
- 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/LoginOverlay.js +1 -1
- package/LoginOverlay.js.map +2 -2
- package/MultiSelectComboBox.js +1 -1
- package/MultiSelectComboBox.js.map +2 -2
- 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/Select.js.map +2 -2
- 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/Tooltip.js +1 -1
- package/Tooltip.js.map +2 -2
- package/css/lumo/Utility.module.css +16 -47
- package/css/lumo/utilities/Accessibility.module.css +17 -15
- package/css/lumo/utilities/Background.module.css +189 -150
- package/css/lumo/utilities/Border.module.css +173 -141
- package/css/lumo/utilities/Filter.module.css +35 -26
- package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
- package/css/lumo/utilities/Layout.module.css +544 -413
- package/css/lumo/utilities/Shadows.module.css +27 -20
- package/css/lumo/utilities/Sizing.module.css +142 -115
- package/css/lumo/utilities/Spacing.module.css +682 -536
- package/css/lumo/utilities/Transition.module.css +46 -44
- package/css/lumo/utilities/Typography.module.css +366 -280
- package/generated/ContextMenu.d.ts +2 -0
- package/generated/ContextMenu.d.ts.map +1 -1
- package/generated/LoginOverlay.d.ts +2 -0
- package/generated/LoginOverlay.d.ts.map +1 -1
- package/generated/MultiSelectComboBox.d.ts +2 -2
- package/generated/MultiSelectComboBox.d.ts.map +1 -1
- package/generated/Tooltip.d.ts +8 -3
- package/generated/Tooltip.d.ts.map +1 -1
- package/package.json +69 -77
- package/renderers/useRenderer.js +1 -1
- package/renderers/useRenderer.js.map +2 -2
- package/utils/createComponent.js +1 -1
- package/utils/createComponent.js.map +2 -2
- 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/css/Lumo.css +0 -15
- package/css/lumo/Badge.css +0 -165
- package/css/lumo/Color.css +0 -122
- package/css/lumo/ColorBase.css +0 -87
- package/css/lumo/Font.css +0 -22
- package/css/lumo/FontIcons.css +0 -59
- package/css/lumo/Globals.css +0 -85
- package/css/lumo/Sizing.css +0 -17
- package/css/lumo/Spacing.css +0 -25
- package/css/lumo/Style.css +0 -21
- package/css/lumo/Typography.css +0 -96
- package/css/lumo/UserColors.css +0 -22
- package/css/lumo/mixins/FieldButton.css +0 -29
- package/css/lumo/mixins/MenuOverlay.css +0 -64
- package/css/lumo/mixins/MenuOverlayCore.css +0 -32
- package/css/lumo/mixins/Overlay.css +0 -67
- package/css/lumo/mixins/RequiredField.css +0 -103
- package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
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/ContextMenu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/context-menu/vaadin-context-menu.js";import{forwardRef as s}from"react";import{ContextMenu as C}from"@vaadin/context-menu/vaadin-context-menu.js";import*as u from"react";import{createComponent as d}from"./utils/createComponent.js";var M={onItemSelected:"item-selected",onOpenedChanged:"opened-changed"},o=d({elementClass:C,events:M,react:u,tagName:"vaadin-context-menu"});import{useContextRenderer as l}from"./renderers/useContextRenderer.js";import{getOriginalItem as c,mapItemsWithComponents as I}from"./utils/mapItemsWithComponents.js";import{jsxs as E}from"react/jsx-runtime";function i(e,m){let[r,p]=l(e.renderer),[x
|
|
1
|
+
export*from"@vaadin/context-menu/vaadin-context-menu.js";import{forwardRef as s}from"react";import{ContextMenu as C}from"@vaadin/context-menu/vaadin-context-menu.js";import*as u from"react";import{createComponent as d}from"./utils/createComponent.js";var M={onClosed:"closed",onItemSelected:"item-selected",onOpenedChanged:"opened-changed"},o=d({elementClass:C,events:M,react:u,tagName:"vaadin-context-menu"});import{useContextRenderer as l}from"./renderers/useContextRenderer.js";import{getOriginalItem as c,mapItemsWithComponents as I}from"./utils/mapItemsWithComponents.js";import{jsxs as E}from"react/jsx-runtime";function i(e,m){let[r,p]=l(e.renderer),[a,x]=I(e.items,"vaadin-context-menu-item"),n=e.onItemSelected;return E(o,{...e,ref:m,renderer:p,items:x,onItemSelected:n?t=>{Object.assign(t.detail,{value:c(t.detail.value)}),n(t)}:void 0,children:[e.children,r,a]})}var g=s(i);export{g as ContextMenu,C as ContextMenuElement};
|
|
2
2
|
//# sourceMappingURL=ContextMenu.js.map
|
package/ContextMenu.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/ContextMenu.tsx", "src/generated/ContextMenu.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n ContextMenu as _ContextMenu,\n type ContextMenuRendererContext,\n type ContextMenuElement,\n type ContextMenuProps as _ContextMenuProps,\n type ContextMenuItem as _ContextMenuItem,\n} from './generated/ContextMenu.js';\nimport { type ReactContextRendererProps, useContextRenderer } from './renderers/useContextRenderer.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/ContextMenu.js';\n\nexport type ContextMenuReactRendererProps = ReactContextRendererProps<ContextMenuRendererContext, ContextMenuElement>;\n\nexport type ContextMenuItem<TItemData extends object = object> = Omit<\n _ContextMenuItem<TItemData>,\n 'component' | 'children'\n> & {\n component?: ReactElement | string;\n\n children?: Array<ContextMenuItem<TItemData>>;\n};\n\nexport type ContextMenuItemSelectedEvent<TItem extends ContextMenuItem = ContextMenuItem> = CustomEvent<{\n value: ContextMenuItem<TItem>;\n}>;\n\n// The 'opened' property is omitted because it is readonly in the web component.\n// So you cannot set it up manually, only read from the component.\n// For changing the property, use specific methods of the component.\nexport type ContextMenuProps<TItem extends ContextMenuItem = ContextMenuItem> = Partial<\n Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>\n> &\n Readonly<{\n renderer?: ComponentType<ContextMenuReactRendererProps> | null;\n\n items?: Array<TItem>;\n\n onItemSelected?: (event: ContextMenuItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction ContextMenu<TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem>,\n ref: ForwardedRef<ContextMenuElement>,\n): ReactElement | null {\n const [portals, renderer] = useContextRenderer(props.renderer);\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-context-menu-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _ContextMenuItem }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as ContextMenuItemSelectedEvent<TItem>);\n }\n : undefined;\n return (\n <_ContextMenu\n {...props}\n ref={ref}\n renderer={renderer}\n items={webComponentItems}\n onItemSelected={mappedOnItemSelected}\n >\n {props.children}\n {portals}\n {itemPortals}\n </_ContextMenu>\n );\n}\n\nconst ForwardedContextMenu = forwardRef(ContextMenu) as <TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>,\n) => ReactElement | null;\n\nexport { ForwardedContextMenu as ContextMenu };\n", "import type { EventName } from \"@lit/react\";\nimport { ContextMenu as ContextMenuElement, type ContextMenuEventMap as _ContextMenuEventMap, } from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuElement, };\nexport type ContextMenuEventMap = Readonly<{\n onItemSelected: EventName<_ContextMenuEventMap[\"item-selected\"]>;\n onOpenedChanged: EventName<_ContextMenuEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onItemSelected: \"item-selected\", onOpenedChanged: \"opened-changed\" } as ContextMenuEventMap;\nexport type ContextMenuProps = WebComponentProps<ContextMenuElement, ContextMenuEventMap>;\nexport const ContextMenu = createComponent({\n elementClass: ContextMenuElement, events, react: React, tagName: \"vaadin-context-menu\"\n});\n"],
|
|
5
|
-
"mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n ContextMenu as _ContextMenu,\n type ContextMenuRendererContext,\n type ContextMenuElement,\n type ContextMenuProps as _ContextMenuProps,\n type ContextMenuItem as _ContextMenuItem,\n} from './generated/ContextMenu.js';\nimport { type ReactContextRendererProps, useContextRenderer } from './renderers/useContextRenderer.js';\nimport { getOriginalItem, mapItemsWithComponents } from './utils/mapItemsWithComponents.js';\n\nexport * from './generated/ContextMenu.js';\n\nexport type ContextMenuReactRendererProps = ReactContextRendererProps<ContextMenuRendererContext, ContextMenuElement>;\n\nexport type ContextMenuItem<TItemData extends object = object> = Omit<\n _ContextMenuItem<TItemData>,\n 'component' | 'children'\n> & {\n component?: ReactElement | string;\n\n children?: Array<ContextMenuItem<TItemData>>;\n};\n\nexport type ContextMenuItemSelectedEvent<TItem extends ContextMenuItem = ContextMenuItem> = CustomEvent<{\n value: ContextMenuItem<TItem>;\n}>;\n\n// The 'opened' property is omitted because it is readonly in the web component.\n// So you cannot set it up manually, only read from the component.\n// For changing the property, use specific methods of the component.\nexport type ContextMenuProps<TItem extends ContextMenuItem = ContextMenuItem> = Partial<\n Omit<_ContextMenuProps, 'opened' | 'renderer' | 'items' | 'onItemSelected'>\n> &\n Readonly<{\n renderer?: ComponentType<ContextMenuReactRendererProps> | null;\n\n items?: Array<TItem>;\n\n onItemSelected?: (event: ContextMenuItemSelectedEvent<TItem>) => void;\n }>;\n\nfunction ContextMenu<TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem>,\n ref: ForwardedRef<ContextMenuElement>,\n): ReactElement | null {\n const [portals, renderer] = useContextRenderer(props.renderer);\n const [itemPortals, webComponentItems] = mapItemsWithComponents(props.items, 'vaadin-context-menu-item');\n\n const onItemSelected = props.onItemSelected;\n const mappedOnItemSelected = onItemSelected\n ? (event: CustomEvent<{ value: _ContextMenuItem }>) => {\n // Replace the mapped web component item with the original item\n Object.assign(event.detail, {\n value: getOriginalItem(event.detail.value),\n });\n\n onItemSelected(event as ContextMenuItemSelectedEvent<TItem>);\n }\n : undefined;\n return (\n <_ContextMenu\n {...props}\n ref={ref}\n renderer={renderer}\n items={webComponentItems}\n onItemSelected={mappedOnItemSelected}\n >\n {props.children}\n {portals}\n {itemPortals}\n </_ContextMenu>\n );\n}\n\nconst ForwardedContextMenu = forwardRef(ContextMenu) as <TItem extends ContextMenuItem = ContextMenuItem>(\n props: ContextMenuProps<TItem> & RefAttributes<ContextMenuElement>,\n) => ReactElement | null;\n\nexport { ForwardedContextMenu as ContextMenu };\n", "import type { EventName } from \"@lit/react\";\nimport { ContextMenu as ContextMenuElement, type ContextMenuEventMap as _ContextMenuEventMap, } from \"@vaadin/context-menu/vaadin-context-menu.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ContextMenuElement, };\nexport type ContextMenuEventMap = Readonly<{\n onClosed: EventName<_ContextMenuEventMap[\"closed\"]>;\n onItemSelected: EventName<_ContextMenuEventMap[\"item-selected\"]>;\n onOpenedChanged: EventName<_ContextMenuEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onClosed: \"closed\", onItemSelected: \"item-selected\", onOpenedChanged: \"opened-changed\" } as ContextMenuEventMap;\nexport type ContextMenuProps = WebComponentProps<ContextMenuElement, ContextMenuEventMap>;\nexport const ContextMenu = createComponent({\n elementClass: ContextMenuElement, events, react: React, tagName: \"vaadin-context-menu\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAOxD,IAAMC,EAAS,CAAE,SAAU,SAAU,eAAgB,gBAAiB,gBAAiB,gBAAiB,EAE3FC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDLD,OAAyC,sBAAAC,MAA0B,oCACnE,OAAS,mBAAAC,EAAiB,0BAAAC,MAA8B,oCAoDpD,eAAAC,MAAA,oBAnBJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIR,EAAmBK,EAAM,QAAQ,EACvD,CAACI,EAAaC,CAAiB,EAAIR,EAAuBG,EAAM,MAAO,0BAA0B,EAEjGM,EAAiBN,EAAM,eAW7B,OACEF,EAACC,EAAA,CACE,GAAGC,EACJ,IAAKC,EACL,SAAUE,EACV,MAAOE,EACP,eAhByBC,EACxBC,GAAoD,CAEnD,OAAO,OAAOA,EAAM,OAAQ,CAC1B,MAAOX,EAAgBW,EAAM,OAAO,KAAK,CAC3C,CAAC,EAEDD,EAAeC,CAA4C,CAC7D,EACA,OASC,UAAAP,EAAM,SACNE,EACAE,GACH,CAEJ,CAEA,IAAMI,EAAuBC,EAAWV,CAAW",
|
|
6
6
|
"names": ["forwardRef", "ContextMenuElement", "React", "createComponent", "events", "ContextMenu", "createComponent", "ContextMenuElement", "React", "useContextRenderer", "getOriginalItem", "mapItemsWithComponents", "jsxs", "ContextMenu", "props", "ref", "portals", "renderer", "itemPortals", "webComponentItems", "onItemSelected", "event", "ForwardedContextMenu", "forwardRef"]
|
|
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" | "
|
|
20
|
+
}>>>, "accessKey" | "dir" | "hidden" | "inert" | "lang" | "popover" | "title" | "translate" | "part" | "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" | "popoverTargetAction" | "popoverTarget" | "is" | "exportparts" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "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/LoginOverlay.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/login/vaadin-login-overlay.js";import{LoginOverlay as o}from"@vaadin/login/vaadin-login-overlay.js";import*as n from"react";import{createComponent as t}from"./utils/createComponent.js";var r={onForgotPassword:"forgot-password",onLogin:"login",onDisabledChanged:"disabled-changed",onErrorChanged:"error-changed",onDescriptionChanged:"description-changed"},e=t({elementClass:o,events:r,react:n,tagName:"vaadin-login-overlay"});var s=e;export{s as LoginOverlay,o as LoginOverlayElement};
|
|
1
|
+
export*from"@vaadin/login/vaadin-login-overlay.js";import{LoginOverlay as o}from"@vaadin/login/vaadin-login-overlay.js";import*as n from"react";import{createComponent as t}from"./utils/createComponent.js";var r={onForgotPassword:"forgot-password",onLogin:"login",onClosed:"closed",onDisabledChanged:"disabled-changed",onErrorChanged:"error-changed",onDescriptionChanged:"description-changed"},e=t({elementClass:o,events:r,react:n,tagName:"vaadin-login-overlay"});var s=e;export{s as LoginOverlay,o as LoginOverlayElement};
|
|
2
2
|
//# sourceMappingURL=LoginOverlay.js.map
|
package/LoginOverlay.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/LoginOverlay.ts", "src/generated/LoginOverlay.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/login/vaadin-login-overlay.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n LoginOverlayElement,\n LoginOverlay as _LoginOverlay,\n type LoginOverlayProps as _LoginOverlayProps,\n} from './generated/LoginOverlay.js';\n\nexport * from './generated/LoginOverlay.js';\n\ntype OmittedLoginOverlayHTMLAttributes = Omit<\n HTMLAttributes<LoginOverlayElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'title'\n>;\n\nexport type LoginOverlayProps = Partial<Omit<_LoginOverlayProps, keyof OmittedLoginOverlayHTMLAttributes>>;\n\nexport const LoginOverlay = _LoginOverlay as (\n props: LoginOverlayProps & RefAttributes<LoginOverlayElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { LoginOverlay as LoginOverlayElement, type LoginOverlayEventMap as _LoginOverlayEventMap, } from \"@vaadin/login/vaadin-login-overlay.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { LoginOverlayElement, };\nexport type LoginOverlayEventMap = Readonly<{\n onForgotPassword: EventName<_LoginOverlayEventMap[\"forgot-password\"]>;\n onLogin: EventName<_LoginOverlayEventMap[\"login\"]>;\n onDisabledChanged: EventName<_LoginOverlayEventMap[\"disabled-changed\"]>;\n onErrorChanged: EventName<_LoginOverlayEventMap[\"error-changed\"]>;\n onDescriptionChanged: EventName<_LoginOverlayEventMap[\"description-changed\"]>;\n}>;\nconst events = { onForgotPassword: \"forgot-password\", onLogin: \"login\", onDisabledChanged: \"disabled-changed\", onErrorChanged: \"error-changed\", onDescriptionChanged: \"description-changed\" } as LoginOverlayEventMap;\nexport type LoginOverlayProps = WebComponentProps<LoginOverlayElement, LoginOverlayEventMap>;\nexport const LoginOverlay = createComponent({\n elementClass: LoginOverlayElement, events, react: React, tagName: \"vaadin-login-overlay\"\n});\n"],
|
|
5
|
-
"mappings": "AAAA,WAAc,wCCCd,OAAS,gBAAgBA,MAAgF,wCACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/login/vaadin-login-overlay.js\";\nimport type { HTMLAttributes, ReactElement, RefAttributes } from 'react';\nimport {\n LoginOverlayElement,\n LoginOverlay as _LoginOverlay,\n type LoginOverlayProps as _LoginOverlayProps,\n} from './generated/LoginOverlay.js';\n\nexport * from './generated/LoginOverlay.js';\n\ntype OmittedLoginOverlayHTMLAttributes = Omit<\n HTMLAttributes<LoginOverlayElement>,\n 'id' | 'className' | 'dangerouslySetInnerHTML' | 'slot' | 'children' | 'title'\n>;\n\nexport type LoginOverlayProps = Partial<Omit<_LoginOverlayProps, keyof OmittedLoginOverlayHTMLAttributes>>;\n\nexport const LoginOverlay = _LoginOverlay as (\n props: LoginOverlayProps & RefAttributes<LoginOverlayElement>,\n) => ReactElement | null;\n", "import type { EventName } from \"@lit/react\";\nimport { LoginOverlay as LoginOverlayElement, type LoginOverlayEventMap as _LoginOverlayEventMap, } from \"@vaadin/login/vaadin-login-overlay.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { LoginOverlayElement, };\nexport type LoginOverlayEventMap = Readonly<{\n onForgotPassword: EventName<_LoginOverlayEventMap[\"forgot-password\"]>;\n onLogin: EventName<_LoginOverlayEventMap[\"login\"]>;\n onClosed: EventName<_LoginOverlayEventMap[\"closed\"]>;\n onDisabledChanged: EventName<_LoginOverlayEventMap[\"disabled-changed\"]>;\n onErrorChanged: EventName<_LoginOverlayEventMap[\"error-changed\"]>;\n onDescriptionChanged: EventName<_LoginOverlayEventMap[\"description-changed\"]>;\n}>;\nconst events = { onForgotPassword: \"forgot-password\", onLogin: \"login\", onClosed: \"closed\", onDisabledChanged: \"disabled-changed\", onErrorChanged: \"error-changed\", onDescriptionChanged: \"description-changed\" } as LoginOverlayEventMap;\nexport type LoginOverlayProps = WebComponentProps<LoginOverlayElement, LoginOverlayEventMap>;\nexport const LoginOverlay = createComponent({\n elementClass: LoginOverlayElement, events, react: React, tagName: \"vaadin-login-overlay\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,wCCCd,OAAS,gBAAgBA,MAAgF,wCACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,iBAAkB,kBAAmB,QAAS,QAAS,SAAU,SAAU,kBAAmB,mBAAoB,eAAgB,gBAAiB,qBAAsB,qBAAsB,EAEnMC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,sBACtE,CAAC,EDAM,IAAMC,EAAeA",
|
|
6
6
|
"names": ["LoginOverlayElement", "React", "createComponent", "events", "LoginOverlay", "createComponent", "LoginOverlayElement", "React", "LoginOverlay"]
|
|
7
7
|
}
|
package/MultiSelectComboBox.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js";import{forwardRef as c}from"react";import{MultiSelectComboBox as m}from"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js";import*as a from"react";import{createComponent as r}from"./utils/createComponent.js";var i={onValidated:"validated",onChange:"change",onInput:"input",onCustomValueSet:"custom-value-set",
|
|
1
|
+
export*from"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js";import{forwardRef as c}from"react";import{MultiSelectComboBox as m}from"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js";import*as a from"react";import{createComponent as r}from"./utils/createComponent.js";var i={onValidated:"validated",onChange:"change",onInput:"input",onCustomValueSet:"custom-value-set",onOpenedChanged:"opened-changed",onFilterChanged:"filter-changed",onInvalidChanged:"invalid-changed",onSelectedItemsChanged:"selected-items-changed"},t=r({elementClass:m,events:i,react:a,tagName:"vaadin-multi-select-combo-box"});import{useModelRenderer as p}from"./renderers/useModelRenderer.js";import{jsxs as C}from"react/jsx-runtime";function u(e,o){let[l,n]=p(e.renderer);return C(t,{...e,ref:o,renderer:n,children:[e.children,l]})}var B=c(u);export{B as MultiSelectComboBox,m as MultiSelectComboBoxElement};
|
|
2
2
|
//# sourceMappingURL=MultiSelectComboBox.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/MultiSelectComboBox.tsx", "src/generated/MultiSelectComboBox.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n MultiSelectComboBox as _MultiSelectComboBox,\n type MultiSelectComboBoxElement,\n type MultiSelectComboBoxProps as _MultiSelectComboBoxProps,\n} from './generated/MultiSelectComboBox.js';\nimport type { MultiSelectComboBoxReactRendererProps } from './renderers/multiSelectCombobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/MultiSelectComboBox.js';\n\nexport type MultiSelectComboBoxProps<TItem> = Partial<Omit<_MultiSelectComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<MultiSelectComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction MultiSelectComboBox<TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem>,\n ref: ForwardedRef<MultiSelectComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_MultiSelectComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_MultiSelectComboBox>\n );\n}\n\nconst ForwardedMultiSelectComboBox = forwardRef(MultiSelectComboBox) as <TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem> & RefAttributes<MultiSelectComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedMultiSelectComboBox as MultiSelectComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { MultiSelectComboBox as MultiSelectComboBoxElement, type MultiSelectComboBoxEventMap as _MultiSelectComboBoxEventMap, } from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MultiSelectComboBoxElement, };\nexport type MultiSelectComboBoxEventMap<T1> = Readonly<{\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_MultiSelectComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n
|
|
5
|
-
"mappings": "AAAA,WAAc,kEAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,uBAAuBC,MAAqG,kEACrI,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,mBAAoB,iBAAkB,
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n MultiSelectComboBox as _MultiSelectComboBox,\n type MultiSelectComboBoxElement,\n type MultiSelectComboBoxProps as _MultiSelectComboBoxProps,\n} from './generated/MultiSelectComboBox.js';\nimport type { MultiSelectComboBoxReactRendererProps } from './renderers/multiSelectCombobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/MultiSelectComboBox.js';\n\nexport type MultiSelectComboBoxProps<TItem> = Partial<Omit<_MultiSelectComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<MultiSelectComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction MultiSelectComboBox<TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem>,\n ref: ForwardedRef<MultiSelectComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_MultiSelectComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_MultiSelectComboBox>\n );\n}\n\nconst ForwardedMultiSelectComboBox = forwardRef(MultiSelectComboBox) as <TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem> & RefAttributes<MultiSelectComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedMultiSelectComboBox as MultiSelectComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { MultiSelectComboBox as MultiSelectComboBoxElement, type MultiSelectComboBoxEventMap as _MultiSelectComboBoxEventMap, } from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MultiSelectComboBoxElement, };\nexport type MultiSelectComboBoxEventMap<T1> = Readonly<{\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_MultiSelectComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\", onInvalidChanged: \"invalid-changed\", onSelectedItemsChanged: \"selected-items-changed\" } as MultiSelectComboBoxEventMap<any>;\nexport type MultiSelectComboBoxProps<T1> = WebComponentProps<MultiSelectComboBoxElement<T1>, MultiSelectComboBoxEventMap<T1>>;\nexport const MultiSelectComboBox = createComponent({\n elementClass: MultiSelectComboBoxElement, events, react: React, tagName: \"vaadin-multi-select-combo-box\"\n}) as <T1>(props: MultiSelectComboBoxProps<T1> & React.RefAttributes<MultiSelectComboBoxElement<T1>>) => React.ReactElement | null;\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,kEAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,uBAAuBC,MAAqG,kEACrI,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,mBAAoB,gBAAiB,iBAAkB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,uBAAwB,wBAAyB,EAEtQC,EAAsBC,EAAgB,CAC/C,aAAcC,EAA4B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,+BAC7E,CAAC,EDVD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,QAAQ,EAE3D,OACEF,EAACC,EAAA,CAA6B,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACzD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAA+BC,EAAWN,CAAmB",
|
|
6
6
|
"names": ["forwardRef", "MultiSelectComboBoxElement", "React", "createComponent", "events", "MultiSelectComboBox", "createComponent", "MultiSelectComboBoxElement", "React", "useModelRenderer", "jsxs", "MultiSelectComboBox", "props", "ref", "portals", "renderer", "ForwardedMultiSelectComboBox", "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" | "
|
|
17
|
+
}>>>, "accessKey" | "dir" | "draggable" | "hidden" | "inert" | "lang" | "popover" | "title" | "translate" | "part" | "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" | "popoverTargetAction" | "popoverTarget" | "is" | "exportparts" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "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/Select.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/Select.tsx", "src/generated/Select.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/select/vaadin-select.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n forwardRef,\n isValidElement,\n type ReactElement,\n type ReactNode,\n useEffect,\n useRef,\n} from 'react';\nimport { Select as _Select, type SelectElement, type SelectProps as _SelectProps } from './generated/Select.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\nimport useMergedRefs from './utils/useMergedRefs.js';\n\nexport * from './generated/Select.js';\n\nexport type SelectReactRendererProps = ReactSimpleRendererProps<SelectElement>;\n\ntype SelectRenderer = ComponentType<SelectReactRendererProps>;\n\nexport type SelectProps = Partial<Omit<_SelectProps, 'children' | 'renderer'>> &\n Readonly<{\n children?: ReactNode | SelectRenderer | Array<ReactNode | SelectRenderer>;\n renderer?: SelectRenderer | null;\n }>;\n\nfunction Select(props: SelectProps, ref: ForwardedRef<SelectElement>): ReactElement | null {\n // React.Children.toArray() doesn't allow functions, so we convert manually.\n const children = Array.isArray(props.children) ? props.children : [props.children];\n\n // Components with slot attribute should stay in light DOM.\n const slottedChildren = children.filter((child): child is ReactNode => {\n return isValidElement(child) && child.props.slot;\n });\n\n // Component without slot attribute should go to the overlay.\n const overlayChildren = children.filter((child): child is ReactNode => {\n return isValidElement(child) && !slottedChildren.includes(child);\n });\n\n const renderFn = children.find((child) => typeof child === 'function');\n\n const innerRef = useRef<SelectElement>(null);\n const [portals, renderer] = useSimpleOrChildrenRenderer(\n props.renderer,\n renderFn || (overlayChildren.length ? overlayChildren : undefined),\n );\n const finalRef = useMergedRefs(innerRef, ref);\n\n useEffect(() => {\n if (props.renderer || props.children) {\n innerRef.current?.requestContentUpdate();\n }\n }, [innerRef.current, props.renderer, props.children]);\n\n return (\n <_Select {...props} ref={finalRef} renderer={renderer}>\n {slottedChildren}\n {portals}\n </_Select>\n );\n}\n\nconst ForwardedSelect = forwardRef(Select);\n\nexport { ForwardedSelect as Select };\n", "import type { EventName } from \"@lit/react\";\nimport { Select as SelectElement, type SelectEventMap as _SelectEventMap, } from \"@vaadin/select/vaadin-select.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { SelectElement, };\nexport type SelectEventMap = Readonly<{\n onValidated: EventName<_SelectEventMap[\"validated\"]>;\n onChange: EventName<_SelectEventMap[\"change\"]>;\n onInvalidChanged: EventName<_SelectEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_SelectEventMap[\"opened-changed\"]>;\n onValueChanged: EventName<_SelectEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onValueChanged: \"value-changed\" } as SelectEventMap;\nexport type SelectProps = WebComponentProps<SelectElement, SelectEventMap>;\nexport const Select = createComponent({\n elementClass: SelectElement, events, react: React, tagName: \"vaadin-select\"\n});\n"],
|
|
5
|
-
"mappings": "AAAA,WAAc,kCACd,OAGE,cAAAA,EACA,kBAAAC,EAGA,aAAAC,EACA,UAAAC,MACK,QCTP,OAAS,UAAUC,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,iBAAkB,kBAAmB,gBAAiB,iBAAkB,eAAgB,eAAgB,EAE1JC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC,EDJD,OAAS,+BAAAC,MAAmC,6CAE5C,OAAOC,MAAmB,2BA4CtB,eAAAC,MAAA,oBA9BJ,SAASC,EAAOC,EAAoBC,EAAuD,CAEzF,IAAMC,EAAW,MAAM,QAAQF,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAACA,EAAM,QAAQ,EAG3EG,EAAkBD,EAAS,OAAQE,GAChCC,EAAeD,CAAK,
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/select/vaadin-select.js\";\nimport {\n type ComponentType,\n type ForwardedRef,\n forwardRef,\n isValidElement,\n type ReactElement,\n type ReactNode,\n useEffect,\n useRef,\n} from 'react';\nimport { Select as _Select, type SelectElement, type SelectProps as _SelectProps } from './generated/Select.js';\nimport { useSimpleOrChildrenRenderer } from './renderers/useSimpleOrChildrenRenderer.js';\nimport type { ReactSimpleRendererProps } from './renderers/useSimpleRenderer.js';\nimport useMergedRefs from './utils/useMergedRefs.js';\n\nexport * from './generated/Select.js';\n\nexport type SelectReactRendererProps = ReactSimpleRendererProps<SelectElement>;\n\ntype SelectRenderer = ComponentType<SelectReactRendererProps>;\n\nexport type SelectProps = Partial<Omit<_SelectProps, 'children' | 'renderer'>> &\n Readonly<{\n children?: ReactNode | SelectRenderer | Array<ReactNode | SelectRenderer>;\n renderer?: SelectRenderer | null;\n }>;\n\nfunction Select(props: SelectProps, ref: ForwardedRef<SelectElement>): ReactElement | null {\n // React.Children.toArray() doesn't allow functions, so we convert manually.\n const children = Array.isArray(props.children) ? props.children : [props.children];\n\n // Components with slot attribute should stay in light DOM.\n const slottedChildren = children.filter((child): child is ReactNode => {\n return isValidElement(child) && (child.props as any).slot;\n });\n\n // Component without slot attribute should go to the overlay.\n const overlayChildren = children.filter((child): child is ReactNode => {\n return isValidElement(child) && !slottedChildren.includes(child);\n });\n\n const renderFn = children.find((child) => typeof child === 'function');\n\n const innerRef = useRef<SelectElement>(null);\n const [portals, renderer] = useSimpleOrChildrenRenderer(\n props.renderer,\n renderFn || (overlayChildren.length ? overlayChildren : undefined),\n );\n const finalRef = useMergedRefs(innerRef, ref);\n\n useEffect(() => {\n if (props.renderer || props.children) {\n innerRef.current?.requestContentUpdate();\n }\n }, [innerRef.current, props.renderer, props.children]);\n\n return (\n <_Select {...props} ref={finalRef} renderer={renderer}>\n {slottedChildren}\n {portals}\n </_Select>\n );\n}\n\nconst ForwardedSelect = forwardRef(Select);\n\nexport { ForwardedSelect as Select };\n", "import type { EventName } from \"@lit/react\";\nimport { Select as SelectElement, type SelectEventMap as _SelectEventMap, } from \"@vaadin/select/vaadin-select.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { SelectElement, };\nexport type SelectEventMap = Readonly<{\n onValidated: EventName<_SelectEventMap[\"validated\"]>;\n onChange: EventName<_SelectEventMap[\"change\"]>;\n onInvalidChanged: EventName<_SelectEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_SelectEventMap[\"opened-changed\"]>;\n onValueChanged: EventName<_SelectEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onValueChanged: \"value-changed\" } as SelectEventMap;\nexport type SelectProps = WebComponentProps<SelectElement, SelectEventMap>;\nexport const Select = createComponent({\n elementClass: SelectElement, events, react: React, tagName: \"vaadin-select\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,kCACd,OAGE,cAAAA,EACA,kBAAAC,EAGA,aAAAC,EACA,UAAAC,MACK,QCTP,OAAS,UAAUC,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,iBAAkB,kBAAmB,gBAAiB,iBAAkB,eAAgB,eAAgB,EAE1JC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC,EDJD,OAAS,+BAAAC,MAAmC,6CAE5C,OAAOC,MAAmB,2BA4CtB,eAAAC,MAAA,oBA9BJ,SAASC,EAAOC,EAAoBC,EAAuD,CAEzF,IAAMC,EAAW,MAAM,QAAQF,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAACA,EAAM,QAAQ,EAG3EG,EAAkBD,EAAS,OAAQE,GAChCC,EAAeD,CAAK,GAAMA,EAAM,MAAc,IACtD,EAGKE,EAAkBJ,EAAS,OAAQE,GAChCC,EAAeD,CAAK,GAAK,CAACD,EAAgB,SAASC,CAAK,CAChE,EAEKG,EAAWL,EAAS,KAAME,GAAU,OAAOA,GAAU,UAAU,EAE/DI,EAAWC,EAAsB,IAAI,EACrC,CAACC,EAASC,CAAQ,EAAIf,EAC1BI,EAAM,SACNO,IAAaD,EAAgB,OAASA,EAAkB,OAC1D,EACMM,EAAWf,EAAcW,EAAUP,CAAG,EAE5C,OAAAY,EAAU,IAAM,EACVb,EAAM,UAAYA,EAAM,WAC1BQ,EAAS,SAAS,qBAAqB,CAE3C,EAAG,CAACA,EAAS,QAASR,EAAM,SAAUA,EAAM,QAAQ,CAAC,EAGnDF,EAACC,EAAA,CAAS,GAAGC,EAAO,IAAKY,EAAU,SAAUD,EAC1C,UAAAR,EACAO,GACH,CAEJ,CAEA,IAAMI,EAAkBC,EAAWhB,CAAM",
|
|
6
6
|
"names": ["forwardRef", "isValidElement", "useEffect", "useRef", "SelectElement", "React", "createComponent", "events", "Select", "createComponent", "SelectElement", "React", "useSimpleOrChildrenRenderer", "useMergedRefs", "jsxs", "Select", "props", "ref", "children", "slottedChildren", "child", "isValidElement", "overlayChildren", "renderFn", "innerRef", "useRef", "portals", "renderer", "finalRef", "useEffect", "ForwardedSelect", "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 {...{ 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,
|
|
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/Tooltip.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export*from"@vaadin/tooltip/vaadin-tooltip.js";import{Tooltip as
|
|
1
|
+
export*from"@vaadin/tooltip/vaadin-tooltip.js";import{Tooltip as t}from"@vaadin/tooltip/vaadin-tooltip.js";import*as o from"react";import{createComponent as e}from"./utils/createComponent.js";var p={onContentChanged:"content-changed"},r=e({elementClass:t,events:p,react:o,tagName:"vaadin-tooltip"});export{r as Tooltip,t as TooltipElement};
|
|
2
2
|
//# sourceMappingURL=Tooltip.js.map
|
package/Tooltip.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/Tooltip.ts", "src/generated/Tooltip.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/tooltip/vaadin-tooltip.js\";\nexport * from './generated/Tooltip.js';\n", "import type {} from \"@lit/react\";\nimport { Tooltip as TooltipElement, } from \"@vaadin/tooltip/vaadin-tooltip.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TooltipElement, };\nexport type TooltipEventMap = Readonly<{}>;\nconst events = {} as TooltipEventMap;\nexport type TooltipProps = WebComponentProps<TooltipElement, TooltipEventMap>;\nexport const Tooltip = createComponent({\n elementClass: TooltipElement, events, react: React, tagName: \"vaadin-tooltip\"\n});\n"],
|
|
5
|
-
"mappings": "AAAA,WAAc,oCCCd,OAAS,WAAWA,
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/tooltip/vaadin-tooltip.js\";\nexport * from './generated/Tooltip.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tooltip as TooltipElement, type TooltipEventMap as _TooltipEventMap, } from \"@vaadin/tooltip/vaadin-tooltip.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TooltipElement, };\nexport type TooltipEventMap = Readonly<{\n onContentChanged: EventName<_TooltipEventMap[\"content-changed\"]>;\n}>;\nconst events = { onContentChanged: \"content-changed\" } as TooltipEventMap;\nexport type TooltipProps = WebComponentProps<TooltipElement, TooltipEventMap>;\nexport const Tooltip = createComponent({\n elementClass: TooltipElement, events, react: React, tagName: \"vaadin-tooltip\"\n});\n"],
|
|
5
|
+
"mappings": "AAAA,WAAc,oCCCd,OAAS,WAAWA,MAAiE,oCACrF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,iBAAkB,iBAAkB,EAExCC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
|
|
6
6
|
"names": ["TooltipElement", "React", "createComponent", "events", "Tooltip", "createComponent", "TooltipElement", "React"]
|
|
7
7
|
}
|