@vaadin/react-components 25.0.0-alpha2 → 25.0.0-alpha20

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.
Files changed (77) hide show
  1. package/ConfirmDialog.d.ts +1 -1
  2. package/ConfirmDialog.d.ts.map +1 -1
  3. package/ConfirmDialog.js.map +1 -1
  4. package/ContextMenu.js +1 -1
  5. package/ContextMenu.js.map +2 -2
  6. package/Dialog.d.ts +2 -2
  7. package/Dialog.d.ts.map +1 -1
  8. package/Dialog.js +1 -1
  9. package/Dialog.js.map +1 -1
  10. package/LoginOverlay.js +1 -1
  11. package/LoginOverlay.js.map +2 -2
  12. package/MultiSelectComboBox.js +1 -1
  13. package/MultiSelectComboBox.js.map +2 -2
  14. package/Popover.d.ts +8 -2
  15. package/Popover.d.ts.map +1 -1
  16. package/Popover.js +1 -1
  17. package/Popover.js.map +3 -3
  18. package/Select.js.map +2 -2
  19. package/TabSheet.d.ts +0 -23
  20. package/TabSheet.d.ts.map +1 -1
  21. package/TabSheet.js +1 -1
  22. package/TabSheet.js.map +3 -3
  23. package/TimePicker.d.ts +1 -1
  24. package/TimePicker.js +1 -1
  25. package/TimePicker.js.map +2 -2
  26. package/Tooltip.js +1 -1
  27. package/Tooltip.js.map +2 -2
  28. package/css/lumo/Utility.module.css +16 -47
  29. package/css/lumo/utilities/Accessibility.module.css +17 -15
  30. package/css/lumo/utilities/Background.module.css +189 -150
  31. package/css/lumo/utilities/Border.module.css +173 -141
  32. package/css/lumo/utilities/Filter.module.css +35 -26
  33. package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
  34. package/css/lumo/utilities/Layout.module.css +544 -413
  35. package/css/lumo/utilities/Shadows.module.css +27 -20
  36. package/css/lumo/utilities/Sizing.module.css +142 -115
  37. package/css/lumo/utilities/Spacing.module.css +682 -536
  38. package/css/lumo/utilities/Transition.module.css +46 -43
  39. package/css/lumo/utilities/Typography.module.css +366 -280
  40. package/generated/ContextMenu.d.ts +2 -0
  41. package/generated/ContextMenu.d.ts.map +1 -1
  42. package/generated/GridColumnGroup.d.ts +1 -1
  43. package/generated/LoginOverlay.d.ts +2 -0
  44. package/generated/LoginOverlay.d.ts.map +1 -1
  45. package/generated/MultiSelectComboBox.d.ts +2 -2
  46. package/generated/MultiSelectComboBox.d.ts.map +1 -1
  47. package/generated/TimePicker.d.ts +2 -2
  48. package/generated/TimePicker.d.ts.map +1 -1
  49. package/generated/Tooltip.d.ts +8 -3
  50. package/generated/Tooltip.d.ts.map +1 -1
  51. package/package.json +69 -77
  52. package/renderers/useRenderer.js +1 -1
  53. package/renderers/useRenderer.js.map +2 -2
  54. package/utils/createComponent.js +1 -1
  55. package/utils/createComponent.js.map +2 -2
  56. package/utils/warnings.d.ts +2 -0
  57. package/utils/warnings.d.ts.map +1 -0
  58. package/utils/warnings.js +2 -0
  59. package/utils/warnings.js.map +7 -0
  60. package/css/Lumo.css +0 -15
  61. package/css/lumo/Badge.css +0 -165
  62. package/css/lumo/Color.css +0 -122
  63. package/css/lumo/ColorBase.css +0 -87
  64. package/css/lumo/Font.css +0 -22
  65. package/css/lumo/FontIcons.css +0 -57
  66. package/css/lumo/Globals.css +0 -85
  67. package/css/lumo/Sizing.css +0 -17
  68. package/css/lumo/Spacing.css +0 -25
  69. package/css/lumo/Style.css +0 -21
  70. package/css/lumo/Typography.css +0 -96
  71. package/css/lumo/UserColors.css +0 -22
  72. package/css/lumo/mixins/FieldButton.css +0 -29
  73. package/css/lumo/mixins/MenuOverlay.css +0 -66
  74. package/css/lumo/mixins/MenuOverlayCore.css +0 -32
  75. package/css/lumo/mixins/Overlay.css +0 -67
  76. package/css/lumo/mixins/RequiredField.css +0 -103
  77. package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
@@ -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
@@ -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,CACpF,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"}
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"}
@@ -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,a]=I(e.items,"vaadin-context-menu-item"),n=e.onItemSelected;return E(o,{...e,ref:m,renderer:p,items:a,onItemSelected:n?t=>{Object.assign(t.detail,{value:c(t.detail.value)}),n(t)}:void 0,children:[e.children,r,x]})}var g=s(i);export{g as ContextMenu,C as ContextMenuElement};
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
@@ -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,6BAMxD,IAAMC,EAAS,CAAE,eAAgB,gBAAiB,gBAAiB,gBAAiB,EAEvEC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDJD,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",
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" | "prefix" | "role" | "children" | "style" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer" | "headerRenderer" | "footerRenderer">> & Readonly<{
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,CACrF,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"}
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"},r=c({elementClass:R,events:y,react:D,tagName:"vaadin-dialog"});import{useSimpleOrChildrenRenderer as o}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]=o(e.footerRenderer,a),[i,g]=o(e.headerRenderer,n),[s,m]=o(e.renderer,t);return P(r,{...e,ref:l,footerRenderer:p,headerRenderer:g,renderer:m,children:[i,d,s]})}var T=f(E);export{T as Dialog,R as DialogElement};
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
@@ -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,6BASxD,IAAMC,EAAS,CAAE,iBAAkB,kBAAmB,QAAS,QAAS,kBAAmB,mBAAoB,eAAgB,gBAAiB,qBAAsB,qBAAsB,EAE/KC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,sBACtE,CAAC,EDCM,IAAMC,EAAeA",
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
  }
@@ -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",onInvalidChanged:"invalid-changed",onSelectedItemsChanged:"selected-items-changed",onOpenedChanged:"opened-changed",onFilterChanged:"filter-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};
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 onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onInvalidChanged: \"invalid-changed\", onSelectedItemsChanged: \"selected-items-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-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,iBAAkB,kBAAmB,uBAAwB,yBAA0B,gBAAiB,iBAAkB,gBAAiB,gBAAiB,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",
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" | "prefix" | "role" | "children" | "style" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "renderer">> & Readonly<{
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;AAEjF,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,CACxD,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,QAAQ,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CAC5D,CAAC,CAAC;AAYL,QAAA,MAAM,gBAAgB;;;;eAdP,SAAS,GAAG,aAAa,CAAC,yBAAyB,CAAC;eACpD,aAAa,CAAC,yBAAyB,CAAC,GAAG,IAAI;mDAalB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,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 d}from"react";import{Popover as a}from"@vaadin/popover/vaadin-popover.js";import*as P from"react";import{createComponent as m}from"./utils/createComponent.js";var v={onClosed:"closed",onOpenedChanged:"opened-changed"},o=m({elementClass:a,events:v,react:P,tagName:"vaadin-popover"});import{useSimpleOrChildrenRenderer as s}from"./renderers/useSimpleOrChildrenRenderer.js";import{jsx as i}from"react/jsx-runtime";function l({children:r,...e},p){let[t,n]=s(e.renderer,r);return i(o,{...e,ref:p,renderer:n,children:t})}var M=d(l);export{M as Popover,a as PopoverElement};
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,6CAsBxC,cAAAC,MAAA,oBAJJ,SAASC,EAAQ,CAAE,SAAAC,EAAU,GAAGC,CAAM,EAAiBC,EAAwD,CAC7G,GAAM,CAACC,EAASC,CAAQ,EAAIP,EAA4BI,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", "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,GAAKA,EAAM,MAAM,IAC7C,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",
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;AAEzC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGvD"}
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})},l=(e,t,o,b)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!R.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(b=P(t,r))||b.enumerable});return e},n=(e,t,o)=>(l(e,t,"default"),o&&l(o,t,"default"));export*from"@vaadin/tabsheet/vaadin-tabsheet.js";import m,{forwardRef as U}from"react";var p={};S(p,{Tab:()=>i,TabElement:()=>f});n(p,Q);import*as Q from"@vaadin/tabs/vaadin-tab.js";import{Tab as f}from"@vaadin/tabs/vaadin-tab.js";import*as u from"react";import{createComponent as N}from"./utils/createComponent.js";var _={},i=N({elementClass:f,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"},E=w({elementClass:I,events:k,react:W,tagName:"vaadin-tabsheet"});var s={};S(s,{Tabs:()=>h,TabsElement:()=>v});n(s,ae);import*as ae from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as v}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"},h=A({elementClass:v,events:O,react:F,tagName:"vaadin-tabs"});import{jsx as y,jsxs as B}from"react/jsx-runtime";import{createElement as z}from"react";var g=e=>null,V=0,d=new WeakMap;function T(e){return e.props.id?e.props.id:(d.has(e)||d.set(e,"tabsheet-tab-"+V++),d.get(e))}function q(e,t){let{children:o,...b}=e,r=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type===g),C=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type!==g);return B(E,{...b,ref:t,children:[r.length>0?y(h,{slot:"tabs",children:r.map(a=>{let{children:D,label:G,...x}=a.props;return z(i,{...x,id:T(a),key:T(a)},a.props.label)})}):null,r.map(a=>y("div",{tab:T(a),children:a.props.children},T(a))),C]})}var be=U(q);function me(e){return console.warn("Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead."),{tab:e}}export{be as TabSheet,I as TabSheetElement,g as TabSheetTab,me as tab};
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\n/**\n * A helper function that allows declaring the tab identifier on the children\n * of the `<TabSheet/>` component\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <Tabs slot=\"tabs\">\n * <Tab id=\"about\">About</Tab>\n * <Tab id=\"contuct\">Contact us</Tab>\n * </Tabs>\n * <div {...tab('about')}>This tab is all about,..</div>\n * <div {...tab('contact')}>Our website: ...</div>\n * </TabSheet>\n * ```\n *\n * @param tab The identifier of the correspoding tab.\n *\n * @returns object with HTML attribute values recognized on tab sheet children.\n * @deprecated Use `<TabSheetTab/>` instead.\n */\nexport function tab(tab: string): Record<string, string> {\n console.warn('Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead.');\n return { tab } as Record<string, string>;\n}\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,OAAU,IAAKO,EAASS,CAAK,EAC3B,SAAAA,EAAM,MAAM,UADyBT,EAASS,CAAK,CAEtD,CACD,EAEAC,GACH,CAEJ,CAEA,IAAMK,GAAoBC,EAAWd,CAAQ,EA0BtC,SAASe,GAAIA,EAAqC,CACvD,eAAQ,KAAK,4EAA4E,EAClF,CAAE,IAAAA,CAAI,CACf",
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", "tab"]
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/TimePicker.d.ts CHANGED
@@ -4,8 +4,8 @@ export declare const TimePicker: import("react").ForwardRefExoticComponent<Parti
4
4
  onValidated: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["validated"]>;
5
5
  onChange: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["change"]>;
6
6
  onInput: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["input"]>;
7
- onInvalidChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["invalid-changed"]>;
8
7
  onValueChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["value-changed"]>;
9
8
  onOpenedChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["opened-changed"]>;
9
+ onInvalidChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["invalid-changed"]>;
10
10
  }>>> & import("react").RefAttributes<TimePickerElement>>;
11
11
  //# sourceMappingURL=TimePicker.d.ts.map
package/TimePicker.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/time-picker/vaadin-time-picker.js";import{forwardRef as r}from"react";import{TimePicker as n}from"@vaadin/time-picker/vaadin-time-picker.js";import*as i from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValueChanged:"value-changed",onOpenedChanged:"opened-changed"},e=t({elementClass:n,events:a,react:i,tagName:"vaadin-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var k=r(m(e,"value"));export{k as TimePicker,n as TimePickerElement};
1
+ export*from"@vaadin/time-picker/vaadin-time-picker.js";import{forwardRef as r}from"react";import{TimePicker as n}from"@vaadin/time-picker/vaadin-time-picker.js";import*as i from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onValueChanged:"value-changed",onOpenedChanged:"opened-changed",onInvalidChanged:"invalid-changed"},e=t({elementClass:n,events:a,react:i,tagName:"vaadin-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var k=r(m(e,"value"));export{k as TimePicker,n as TimePickerElement};
2
2
  //# sourceMappingURL=TimePicker.js.map
package/TimePicker.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/TimePicker.tsx", "src/generated/TimePicker.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport { forwardRef } from 'react';\nimport { TimePicker as _TimePicker, type TimePickerElement, type TimePickerProps } from './generated/TimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/TimePicker.js';\n\nexport const TimePicker = forwardRef(\n createComponentWithOrderedProps<TimePickerProps, TimePickerElement>(_TimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { TimePicker as TimePickerElement, type TimePickerEventMap as _TimePickerEventMap, } from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TimePickerElement, };\nexport type TimePickerEventMap = Readonly<{\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInput: EventName<_TimePickerEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValueChanged: \"value-changed\", onOpenedChanged: \"opened-changed\" } as TimePickerEventMap;\nexport type TimePickerProps = WebComponentProps<TimePickerElement, TimePickerEventMap>;\nexport const TimePicker = createComponent({\n elementClass: TimePickerElement, events, react: React, tagName: \"vaadin-time-picker\"\n});\n"],
5
- "mappings": "AAAA,WAAc,4CACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,cAAcC,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,eAAgB,gBAAiB,gBAAiB,gBAAiB,EAE5KC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC,EDdD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAaC,EACxBF,EAAoEC,EAAa,OAAO,CAC1F",
4
+ "sourcesContent": ["export * from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport { forwardRef } from 'react';\nimport { TimePicker as _TimePicker, type TimePickerElement, type TimePickerProps } from './generated/TimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/TimePicker.js';\n\nexport const TimePicker = forwardRef(\n createComponentWithOrderedProps<TimePickerProps, TimePickerElement>(_TimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { TimePicker as TimePickerElement, type TimePickerEventMap as _TimePickerEventMap, } from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TimePickerElement, };\nexport type TimePickerEventMap = Readonly<{\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInput: EventName<_TimePickerEventMap[\"input\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onValueChanged: \"value-changed\", onOpenedChanged: \"opened-changed\", onInvalidChanged: \"invalid-changed\" } as TimePickerEventMap;\nexport type TimePickerProps = WebComponentProps<TimePickerElement, TimePickerEventMap>;\nexport const TimePicker = createComponent({\n elementClass: TimePickerElement, events, react: React, tagName: \"vaadin-time-picker\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,4CACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,cAAcC,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,eAAgB,gBAAiB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,EAE5KC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC,EDdD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAaC,EACxBF,EAAoEC,EAAa,OAAO,CAC1F",
6
6
  "names": ["forwardRef", "TimePickerElement", "React", "createComponent", "events", "TimePicker", "createComponent", "TimePickerElement", "React", "createComponentWithOrderedProps", "TimePicker", "forwardRef"]
7
7
  }
package/Tooltip.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/tooltip/vaadin-tooltip.js";import{Tooltip as o}from"@vaadin/tooltip/vaadin-tooltip.js";import*as t from"react";import{createComponent as e}from"./utils/createComponent.js";var p={},n=e({elementClass:o,events:p,react:t,tagName:"vaadin-tooltip"});export{n as Tooltip,o as TooltipElement};
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,MAAuB,oCAC3C,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
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
  }