@vaadin/react-components 25.2.0-alpha1 → 25.2.0-alpha11

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 (56) hide show
  1. package/ComboBox.js +1 -1
  2. package/ComboBox.js.map +2 -2
  3. package/ContextMenu.js +1 -1
  4. package/ContextMenu.js.map +2 -2
  5. package/DatePicker.js +1 -1
  6. package/DatePicker.js.map +2 -2
  7. package/DateTimePicker.d.ts +1 -0
  8. package/DateTimePicker.d.ts.map +1 -1
  9. package/DateTimePicker.js +1 -1
  10. package/DateTimePicker.js.map +2 -2
  11. package/GridSorter.js +1 -1
  12. package/GridSorter.js.map +2 -2
  13. package/IntegerField.js +1 -1
  14. package/IntegerField.js.map +2 -2
  15. package/MasterDetailLayout.d.ts +8 -3
  16. package/MasterDetailLayout.d.ts.map +1 -1
  17. package/MasterDetailLayout.js +1 -1
  18. package/MasterDetailLayout.js.map +3 -3
  19. package/MultiSelectComboBox.js +1 -1
  20. package/MultiSelectComboBox.js.map +2 -2
  21. package/NumberField.js +1 -1
  22. package/NumberField.js.map +2 -2
  23. package/TimePicker.d.ts +1 -1
  24. package/TimePicker.js +1 -1
  25. package/TimePicker.js.map +2 -2
  26. package/Upload.js +1 -1
  27. package/Upload.js.map +2 -2
  28. package/generated/ComboBox.d.ts +0 -1
  29. package/generated/ComboBox.d.ts.map +1 -1
  30. package/generated/ContextMenu.d.ts +4 -0
  31. package/generated/ContextMenu.d.ts.map +1 -1
  32. package/generated/DatePicker.d.ts +2 -2
  33. package/generated/DatePicker.d.ts.map +1 -1
  34. package/generated/DateTimePicker.d.ts +2 -0
  35. package/generated/DateTimePicker.d.ts.map +1 -1
  36. package/generated/GridSorter.d.ts +2 -0
  37. package/generated/GridSorter.d.ts.map +1 -1
  38. package/generated/IntegerField.d.ts +2 -0
  39. package/generated/IntegerField.d.ts.map +1 -1
  40. package/generated/MultiSelectComboBox.d.ts +0 -1
  41. package/generated/MultiSelectComboBox.d.ts.map +1 -1
  42. package/generated/NumberField.d.ts +2 -0
  43. package/generated/NumberField.d.ts.map +1 -1
  44. package/generated/TimePicker.d.ts +2 -2
  45. package/generated/TimePicker.d.ts.map +1 -1
  46. package/generated/Upload.d.ts +2 -0
  47. package/generated/Upload.d.ts.map +1 -1
  48. package/index.d.ts +6 -6
  49. package/index.js +6 -6
  50. package/package.json +63 -63
  51. package/renderers/combobox.d.ts +1 -1
  52. package/renderers/multiSelectCombobox.d.ts +2 -2
  53. package/renderers/useRenderer.js +1 -1
  54. package/renderers/useRenderer.js.map +1 -1
  55. package/utils/createComponent.js +1 -1
  56. package/utils/createComponent.js.map +2 -2
package/ComboBox.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/combo-box/vaadin-combo-box.js";import{forwardRef as C}from"react";import{ComboBox as a}from"@vaadin/combo-box/vaadin-combo-box.js";import*as r from"react";import{createComponent as p}from"./utils/createComponent.js";var d={onChange:"change",onCustomValueSet:"custom-value-set",onFilterChanged:"filter-changed",onInput:"input",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onSelectedItemChanged:"selected-item-changed",onValidated:"validated",onValueChanged:"value-changed"},o=p({elementClass:a,events:d,react:r,tagName:"vaadin-combo-box"});import{useModelRenderer as l}from"./renderers/useModelRenderer.js";import{jsxs as x}from"react/jsx-runtime";function b(e,t){let[n,m]=l(e.renderer);return x(o,{...e,ref:t,renderer:m,children:[e.children,n]})}var u=C(b);export{u as ComboBox,a as ComboBoxElement};
1
+ export*from"@vaadin/combo-box/vaadin-combo-box.js";import{forwardRef as C}from"react";import{ComboBox as a}from"@vaadin/combo-box/vaadin-combo-box.js";import*as r from"react";import{createComponent as p}from"./utils/createComponent.js";var d={onChange:"change",onCustomValueSet:"custom-value-set",onFilterChanged:"filter-changed",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onSelectedItemChanged:"selected-item-changed",onValidated:"validated",onValueChanged:"value-changed"},o=p({elementClass:a,events:d,react:r,tagName:"vaadin-combo-box"});import{useModelRenderer as l}from"./renderers/useModelRenderer.js";import{jsxs as x}from"react/jsx-runtime";function b(e,t){let[n,m]=l(e.renderer);return x(o,{...e,ref:t,renderer:m,children:[e.children,n]})}var T=C(b);export{T as ComboBox,a as ComboBoxElement};
2
2
  //# sourceMappingURL=ComboBox.js.map
package/ComboBox.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/ComboBox.tsx", "src/generated/ComboBox.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n ComboBox as _ComboBox,\n type ComboBoxElement,\n type ComboBoxProps as _ComboBoxProps,\n} from './generated/ComboBox.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBox.js';\n\nexport type ComboBoxProps<TItem> = Partial<Omit<_ComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction ComboBox<TItem = ComboBoxDefaultItem>(\n props: ComboBoxProps<TItem>,\n ref: ForwardedRef<ComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_ComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_ComboBox>\n );\n}\n\nconst ForwardedComboBox = forwardRef(ComboBox) as <TItem = ComboBoxDefaultItem>(\n props: ComboBoxProps<TItem> & RefAttributes<ComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBox as ComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBox as ComboBoxElement, type ComboBoxEventMap as _ComboBoxEventMap, } from \"@vaadin/combo-box/vaadin-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxElement, };\nexport type ComboBoxEventMap<T1> = Readonly<{\n onChange: EventName<_ComboBoxEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_ComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onFilterChanged: EventName<_ComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInput: EventName<_ComboBoxEventMap<T1>[\"input\"]>;\n onInvalidChanged: EventName<_ComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxEventMap<T1>[\"opened-changed\"]>;\n onSelectedItemChanged: EventName<_ComboBoxEventMap<T1>[\"selected-item-changed\"]>;\n onValidated: EventName<_ComboBoxEventMap<T1>[\"validated\"]>;\n onValueChanged: EventName<_ComboBoxEventMap<T1>[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onCustomValueSet: \"custom-value-set\", onFilterChanged: \"filter-changed\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onSelectedItemChanged: \"selected-item-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as ComboBoxEventMap<any>;\nexport type ComboBoxProps<T1> = WebComponentProps<ComboBoxElement<T1>, ComboBoxEventMap<T1>>;\nexport const ComboBox = createComponent({\n elementClass: ComboBoxElement, events, react: React, tagName: \"vaadin-combo-box\"\n}) as <T1>(props: ComboBoxProps<T1> & React.RefAttributes<ComboBoxElement<T1>>) => React.ReactElement | null;\n"],
5
- "mappings": "AAAA,WAAc,wCAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,YAAYC,MAAoE,wCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAaxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,mBAAoB,gBAAiB,iBAAkB,QAAS,QAAS,iBAAkB,kBAAmB,gBAAiB,iBAAkB,sBAAuB,wBAAyB,YAAa,YAAa,eAAgB,eAAgB,EAErSC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,kBAClE,CAAC,EDXD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,QAAQ,EAE3D,OACEF,EAACC,EAAA,CAAkB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EAC9C,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAoBC,EAAWN,CAAQ",
4
+ "sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n ComboBox as _ComboBox,\n type ComboBoxElement,\n type ComboBoxProps as _ComboBoxProps,\n} from './generated/ComboBox.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBox.js';\n\nexport type ComboBoxProps<TItem> = Partial<Omit<_ComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction ComboBox<TItem = ComboBoxDefaultItem>(\n props: ComboBoxProps<TItem>,\n ref: ForwardedRef<ComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_ComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_ComboBox>\n );\n}\n\nconst ForwardedComboBox = forwardRef(ComboBox) as <TItem = ComboBoxDefaultItem>(\n props: ComboBoxProps<TItem> & RefAttributes<ComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBox as ComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBox as ComboBoxElement, type ComboBoxEventMap as _ComboBoxEventMap, } from \"@vaadin/combo-box/vaadin-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxElement, };\nexport type ComboBoxEventMap<T1> = Readonly<{\n onChange: EventName<_ComboBoxEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_ComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onFilterChanged: EventName<_ComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInvalidChanged: EventName<_ComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxEventMap<T1>[\"opened-changed\"]>;\n onSelectedItemChanged: EventName<_ComboBoxEventMap<T1>[\"selected-item-changed\"]>;\n onValidated: EventName<_ComboBoxEventMap<T1>[\"validated\"]>;\n onValueChanged: EventName<_ComboBoxEventMap<T1>[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onCustomValueSet: \"custom-value-set\", onFilterChanged: \"filter-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onSelectedItemChanged: \"selected-item-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as ComboBoxEventMap<any>;\nexport type ComboBoxProps<T1> = WebComponentProps<ComboBoxElement<T1>, ComboBoxEventMap<T1>>;\nexport const ComboBox = createComponent({\n elementClass: ComboBoxElement, events, react: React, tagName: \"vaadin-combo-box\"\n}) as <T1>(props: ComboBoxProps<T1> & React.RefAttributes<ComboBoxElement<T1>>) => React.ReactElement | null;\n"],
5
+ "mappings": "AAAA,WAAc,wCAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,YAAYC,MAAoE,wCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,mBAAoB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,sBAAuB,wBAAyB,YAAa,YAAa,eAAgB,eAAgB,EAEnRC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,kBAClE,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,CAAkB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EAC9C,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAoBC,EAAWN,CAAQ",
6
6
  "names": ["forwardRef", "ComboBoxElement", "React", "createComponent", "events", "ComboBox", "createComponent", "ComboBoxElement", "React", "useModelRenderer", "jsxs", "ComboBox", "props", "ref", "portals", "renderer", "ForwardedComboBox", "forwardRef"]
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={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};
1
+ export*from"@vaadin/context-menu/vaadin-context-menu.js";import{forwardRef as l}from"react";import{ContextMenu as C}from"@vaadin/context-menu/vaadin-context-menu.js";import*as x from"react";import{createComponent as s}from"./utils/createComponent.js";var d={onCloseAllMenus:"close-all-menus",onClosed:"closed",onItemSelected:"item-selected",onItemsOutsideClick:"items-outside-click",onOpenedChanged:"opened-changed"},o=s({elementClass:C,events:d,react:x,tagName:"vaadin-context-menu"});import{useContextRenderer as M}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,a]=M(e.renderer),[u,p]=i(e.items,"vaadin-context-menu-item"),n=e.onItemSelected;return E(o,{...e,ref:m,renderer:a,items:p,onItemSelected:n?t=>{Object.assign(t.detail,{value:c(t.detail.value)}),n(t)}:void 0,children:[e.children,r,u]})}var O=l(I);export{O 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 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",
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 onCloseAllMenus: EventName<_ContextMenuEventMap[\"close-all-menus\"]>;\n onClosed: EventName<_ContextMenuEventMap[\"closed\"]>;\n onItemSelected: EventName<_ContextMenuEventMap[\"item-selected\"]>;\n onItemsOutsideClick: EventName<_ContextMenuEventMap[\"items-outside-click\"]>;\n onOpenedChanged: EventName<_ContextMenuEventMap[\"opened-changed\"]>;\n}>;\nconst events = { onCloseAllMenus: \"close-all-menus\", onClosed: \"closed\", onItemSelected: \"item-selected\", onItemsOutsideClick: \"items-outside-click\", 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,6BASxD,IAAMC,EAAS,CAAE,gBAAiB,kBAAmB,SAAU,SAAU,eAAgB,gBAAiB,oBAAqB,sBAAuB,gBAAiB,gBAAiB,EAE3KC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDPD,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/DatePicker.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/date-picker/vaadin-date-picker.js";import{DatePicker as e}from"@vaadin/date-picker/vaadin-date-picker.js";import*as a from"react";import{createComponent as t}from"./utils/createComponent.js";var n={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onValidated:"validated",onValueChanged:"value-changed"},r=t({elementClass:e,events:n,react:a,tagName:"vaadin-date-picker"});export{r as DatePicker,e as DatePickerElement};
1
+ export*from"@vaadin/date-picker/vaadin-date-picker.js";import{DatePicker as e}from"@vaadin/date-picker/vaadin-date-picker.js";import*as a from"react";import{createComponent as n}from"./utils/createComponent.js";var t={onChange:"change",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onUnparsableChange:"unparsable-change",onValidated:"validated",onValueChanged:"value-changed"},p=n({elementClass:e,events:t,react:a,tagName:"vaadin-date-picker"});export{p as DatePicker,e as DatePickerElement};
2
2
  //# sourceMappingURL=DatePicker.js.map
package/DatePicker.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/DatePicker.ts", "src/generated/DatePicker.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/date-picker/vaadin-date-picker.js\";\nexport * from './generated/DatePicker.js';\n", "import type { EventName } from \"@lit/react\";\nimport { DatePicker as DatePickerElement, type DatePickerEventMap as _DatePickerEventMap, } from \"@vaadin/date-picker/vaadin-date-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DatePickerElement, };\nexport type DatePickerEventMap = Readonly<{\n onChange: EventName<_DatePickerEventMap[\"change\"]>;\n onInput: EventName<_DatePickerEventMap[\"input\"]>;\n onInvalidChanged: EventName<_DatePickerEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_DatePickerEventMap[\"opened-changed\"]>;\n onValidated: EventName<_DatePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_DatePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as DatePickerEventMap;\nexport type DatePickerProps = WebComponentProps<DatePickerElement, DatePickerEventMap>;\nexport const DatePicker = createComponent({\n elementClass: DatePickerElement, events, react: React, tagName: \"vaadin-date-picker\"\n});\n"],
5
- "mappings": "AAAA,WAAc,4CCCd,OAAS,cAAcA,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,gBAAiB,iBAAkB,YAAa,YAAa,eAAgB,eAAgB,EAE5KC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC",
4
+ "sourcesContent": ["export * from \"@vaadin/date-picker/vaadin-date-picker.js\";\nexport * from './generated/DatePicker.js';\n", "import type { EventName } from \"@lit/react\";\nimport { DatePicker as DatePickerElement, type DatePickerEventMap as _DatePickerEventMap, } from \"@vaadin/date-picker/vaadin-date-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DatePickerElement, };\nexport type DatePickerEventMap = Readonly<{\n onChange: EventName<_DatePickerEventMap[\"change\"]>;\n onInvalidChanged: EventName<_DatePickerEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_DatePickerEventMap[\"opened-changed\"]>;\n onUnparsableChange: EventName<_DatePickerEventMap[\"unparsable-change\"]>;\n onValidated: EventName<_DatePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_DatePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onUnparsableChange: \"unparsable-change\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as DatePickerEventMap;\nexport type DatePickerProps = WebComponentProps<DatePickerElement, DatePickerEventMap>;\nexport const DatePicker = createComponent({\n elementClass: DatePickerElement, events, react: React, tagName: \"vaadin-date-picker\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,4CCCd,OAAS,cAAcA,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,kBAAmB,gBAAiB,iBAAkB,mBAAoB,oBAAqB,YAAa,YAAa,eAAgB,eAAgB,EAEnMC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC",
6
6
  "names": ["DatePickerElement", "React", "createComponent", "events", "DatePicker", "createComponent", "DatePickerElement", "React"]
7
7
  }
@@ -3,6 +3,7 @@ export * from './generated/DateTimePicker.js';
3
3
  export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<DateTimePickerElement, Readonly<{
4
4
  onChange: import("@lit/react").EventName<import("@vaadin/date-time-picker").DateTimePickerEventMap["change"]>;
5
5
  onInvalidChanged: import("@lit/react").EventName<import("@vaadin/date-time-picker").DateTimePickerEventMap["invalid-changed"]>;
6
+ onUnparsableChange: import("@lit/react").EventName<import("@vaadin/date-time-picker").DateTimePickerEventMap["unparsable-change"]>;
6
7
  onValidated: import("@lit/react").EventName<import("@vaadin/date-time-picker").DateTimePickerEventMap["validated"]>;
7
8
  onValueChanged: import("@lit/react").EventName<import("@vaadin/date-time-picker").DateTimePickerEventMap["value-changed"]>;
8
9
  }>>> & import("react").RefAttributes<DateTimePickerElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["src/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,+BAA+B,CAAC;AAGvC,cAAc,+BAA+B,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;4DAE1B,CAAC"}
1
+ {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["src/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,+BAA+B,CAAC;AAGvC,cAAc,+BAA+B,CAAC;AAE9C,eAAO,MAAM,cAAc;;;;;;4DAE1B,CAAC"}
package/DateTimePicker.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/date-time-picker/vaadin-date-time-picker.js";import{forwardRef as n}from"react";import{DateTimePicker as t}from"@vaadin/date-time-picker/vaadin-date-time-picker.js";import*as a from"react";import{createComponent as i}from"./utils/createComponent.js";var r={onChange:"change",onInvalidChanged:"invalid-changed",onValidated:"validated",onValueChanged:"value-changed"},e=i({elementClass:t,events:r,react:a,tagName:"vaadin-date-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var k=n(m(e,"value"));export{k as DateTimePicker,t as DateTimePickerElement};
1
+ export*from"@vaadin/date-time-picker/vaadin-date-time-picker.js";import{forwardRef as r}from"react";import{DateTimePicker as a}from"@vaadin/date-time-picker/vaadin-date-time-picker.js";import*as t from"react";import{createComponent as n}from"./utils/createComponent.js";var i={onChange:"change",onInvalidChanged:"invalid-changed",onUnparsableChange:"unparsable-change",onValidated:"validated",onValueChanged:"value-changed"},e=n({elementClass:a,events:i,react:t,tagName:"vaadin-date-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var l=r(m(e,"value"));export{l as DateTimePicker,a as DateTimePickerElement};
2
2
  //# sourceMappingURL=DateTimePicker.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/DateTimePicker.tsx", "src/generated/DateTimePicker.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/date-time-picker/vaadin-date-time-picker.js\";\nimport { forwardRef } from 'react';\nimport {\n DateTimePicker as _DateTimePicker,\n type DateTimePickerElement,\n type DateTimePickerProps,\n} from './generated/DateTimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/DateTimePicker.js';\n\nexport const DateTimePicker = forwardRef(\n createComponentWithOrderedProps<DateTimePickerProps, DateTimePickerElement>(_DateTimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { DateTimePicker as DateTimePickerElement, type DateTimePickerEventMap as _DateTimePickerEventMap, } from \"@vaadin/date-time-picker/vaadin-date-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DateTimePickerElement, };\nexport type DateTimePickerEventMap = Readonly<{\n onChange: EventName<_DateTimePickerEventMap[\"change\"]>;\n onInvalidChanged: EventName<_DateTimePickerEventMap[\"invalid-changed\"]>;\n onValidated: EventName<_DateTimePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_DateTimePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInvalidChanged: \"invalid-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as DateTimePickerEventMap;\nexport type DateTimePickerProps = WebComponentProps<DateTimePickerElement, DateTimePickerEventMap>;\nexport const DateTimePicker = createComponent({\n elementClass: DateTimePickerElement, events, react: React, tagName: \"vaadin-date-time-picker\"\n});\n"],
5
- "mappings": "AAAA,WAAc,sDACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,kBAAkBC,MAAsF,sDACjH,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAQxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,kBAAmB,YAAa,YAAa,eAAgB,eAAgB,EAEvHC,EAAiBC,EAAgB,CAC1C,aAAcC,EAAuB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,yBACxE,CAAC,EDRD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAiBC,EAC5BF,EAA4EC,EAAiB,OAAO,CACtG",
4
+ "sourcesContent": ["export * from \"@vaadin/date-time-picker/vaadin-date-time-picker.js\";\nimport { forwardRef } from 'react';\nimport {\n DateTimePicker as _DateTimePicker,\n type DateTimePickerElement,\n type DateTimePickerProps,\n} from './generated/DateTimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/DateTimePicker.js';\n\nexport const DateTimePicker = forwardRef(\n createComponentWithOrderedProps<DateTimePickerProps, DateTimePickerElement>(_DateTimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { DateTimePicker as DateTimePickerElement, type DateTimePickerEventMap as _DateTimePickerEventMap, } from \"@vaadin/date-time-picker/vaadin-date-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { DateTimePickerElement, };\nexport type DateTimePickerEventMap = Readonly<{\n onChange: EventName<_DateTimePickerEventMap[\"change\"]>;\n onInvalidChanged: EventName<_DateTimePickerEventMap[\"invalid-changed\"]>;\n onUnparsableChange: EventName<_DateTimePickerEventMap[\"unparsable-change\"]>;\n onValidated: EventName<_DateTimePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_DateTimePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInvalidChanged: \"invalid-changed\", onUnparsableChange: \"unparsable-change\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as DateTimePickerEventMap;\nexport type DateTimePickerProps = WebComponentProps<DateTimePickerElement, DateTimePickerEventMap>;\nexport const DateTimePicker = createComponent({\n elementClass: DateTimePickerElement, events, react: React, tagName: \"vaadin-date-time-picker\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,sDACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,kBAAkBC,MAAsF,sDACjH,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,kBAAmB,mBAAoB,oBAAqB,YAAa,YAAa,eAAgB,eAAgB,EAEhKC,EAAiBC,EAAgB,CAC1C,aAAcC,EAAuB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,yBACxE,CAAC,EDTD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAiBC,EAC5BF,EAA4EC,EAAiB,OAAO,CACtG",
6
6
  "names": ["forwardRef", "DateTimePickerElement", "React", "createComponent", "events", "DateTimePicker", "createComponent", "DateTimePickerElement", "React", "createComponentWithOrderedProps", "DateTimePicker", "forwardRef"]
7
7
  }
package/GridSorter.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/grid/vaadin-grid-sorter.js";import{GridSorter as e}from"@vaadin/grid/vaadin-grid-sorter.js";import*as r from"react";import{createComponent as t}from"./utils/createComponent.js";var o={onDirectionChanged:"direction-changed"},a=t({elementClass:e,events:o,react:r,tagName:"vaadin-grid-sorter"});export{a as GridSorter,e as GridSorterElement};
1
+ export*from"@vaadin/grid/vaadin-grid-sorter.js";import{GridSorter as e}from"@vaadin/grid/vaadin-grid-sorter.js";import*as r from"react";import{createComponent as t}from"./utils/createComponent.js";var o={onDirectionChanged:"direction-changed",onSorterChanged:"sorter-changed"},p=t({elementClass:e,events:o,react:r,tagName:"vaadin-grid-sorter"});export{p as GridSorter,e as GridSorterElement};
2
2
  //# sourceMappingURL=GridSorter.js.map
package/GridSorter.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/GridSorter.ts", "src/generated/GridSorter.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/grid/vaadin-grid-sorter.js\";\nexport * from './generated/GridSorter.js';\n", "import type { EventName } from \"@lit/react\";\nimport { GridSorter as GridSorterElement, type GridSorterEventMap as _GridSorterEventMap, } from \"@vaadin/grid/vaadin-grid-sorter.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { GridSorterElement, };\nexport type GridSorterEventMap = Readonly<{\n onDirectionChanged: EventName<_GridSorterEventMap[\"direction-changed\"]>;\n}>;\nconst events = { onDirectionChanged: \"direction-changed\" } as GridSorterEventMap;\nexport type GridSorterProps = WebComponentProps<GridSorterElement, GridSorterEventMap>;\nexport const GridSorter = createComponent({\n elementClass: GridSorterElement, events, react: React, tagName: \"vaadin-grid-sorter\"\n});\n"],
5
- "mappings": "AAAA,WAAc,qCCCd,OAAS,cAAcA,MAA0E,qCACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAKxD,IAAMC,EAAS,CAAE,mBAAoB,mBAAoB,EAE5CC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC",
4
+ "sourcesContent": ["export * from \"@vaadin/grid/vaadin-grid-sorter.js\";\nexport * from './generated/GridSorter.js';\n", "import type { EventName } from \"@lit/react\";\nimport { GridSorter as GridSorterElement, type GridSorterEventMap as _GridSorterEventMap, } from \"@vaadin/grid/vaadin-grid-sorter.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { GridSorterElement, };\nexport type GridSorterEventMap = Readonly<{\n onDirectionChanged: EventName<_GridSorterEventMap[\"direction-changed\"]>;\n onSorterChanged: EventName<_GridSorterEventMap[\"sorter-changed\"]>;\n}>;\nconst events = { onDirectionChanged: \"direction-changed\", onSorterChanged: \"sorter-changed\" } as GridSorterEventMap;\nexport type GridSorterProps = WebComponentProps<GridSorterElement, GridSorterEventMap>;\nexport const GridSorter = createComponent({\n elementClass: GridSorterElement, events, react: React, tagName: \"vaadin-grid-sorter\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,qCCCd,OAAS,cAAcA,MAA0E,qCACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,mBAAoB,oBAAqB,gBAAiB,gBAAiB,EAE/EC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC",
6
6
  "names": ["GridSorterElement", "React", "createComponent", "events", "GridSorter", "createComponent", "GridSorterElement", "React"]
7
7
  }
package/IntegerField.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/integer-field/vaadin-integer-field.js";import{IntegerField as e}from"@vaadin/integer-field/vaadin-integer-field.js";import*as n from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValidated:"validated",onValueChanged:"value-changed"},r=t({elementClass:e,events:a,react:n,tagName:"vaadin-integer-field"});export{r as IntegerField,e as IntegerFieldElement};
1
+ export*from"@vaadin/integer-field/vaadin-integer-field.js";import{IntegerField as e}from"@vaadin/integer-field/vaadin-integer-field.js";import*as n from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onUnparsableChange:"unparsable-change",onValidated:"validated",onValueChanged:"value-changed"},p=t({elementClass:e,events:a,react:n,tagName:"vaadin-integer-field"});export{p as IntegerField,e as IntegerFieldElement};
2
2
  //# sourceMappingURL=IntegerField.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/IntegerField.ts", "src/generated/IntegerField.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/integer-field/vaadin-integer-field.js\";\nexport * from './generated/IntegerField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { IntegerField as IntegerFieldElement, type IntegerFieldEventMap as _IntegerFieldEventMap, } from \"@vaadin/integer-field/vaadin-integer-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { IntegerFieldElement, };\nexport type IntegerFieldEventMap = Readonly<{\n onChange: EventName<_IntegerFieldEventMap[\"change\"]>;\n onInput: EventName<_IntegerFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_IntegerFieldEventMap[\"invalid-changed\"]>;\n onValidated: EventName<_IntegerFieldEventMap[\"validated\"]>;\n onValueChanged: EventName<_IntegerFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as IntegerFieldEventMap;\nexport type IntegerFieldProps = WebComponentProps<IntegerFieldElement, IntegerFieldEventMap>;\nexport const IntegerField = createComponent({\n elementClass: IntegerFieldElement, events, react: React, tagName: \"vaadin-integer-field\"\n});\n"],
5
- "mappings": "AAAA,WAAc,gDCCd,OAAS,gBAAgBA,MAAgF,gDACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,YAAa,YAAa,eAAgB,eAAgB,EAEzIC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,sBACtE,CAAC",
4
+ "sourcesContent": ["export * from \"@vaadin/integer-field/vaadin-integer-field.js\";\nexport * from './generated/IntegerField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { IntegerField as IntegerFieldElement, type IntegerFieldEventMap as _IntegerFieldEventMap, } from \"@vaadin/integer-field/vaadin-integer-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { IntegerFieldElement, };\nexport type IntegerFieldEventMap = Readonly<{\n onChange: EventName<_IntegerFieldEventMap[\"change\"]>;\n onInput: EventName<_IntegerFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_IntegerFieldEventMap[\"invalid-changed\"]>;\n onUnparsableChange: EventName<_IntegerFieldEventMap[\"unparsable-change\"]>;\n onValidated: EventName<_IntegerFieldEventMap[\"validated\"]>;\n onValueChanged: EventName<_IntegerFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onUnparsableChange: \"unparsable-change\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as IntegerFieldEventMap;\nexport type IntegerFieldProps = WebComponentProps<IntegerFieldElement, IntegerFieldEventMap>;\nexport const IntegerField = createComponent({\n elementClass: IntegerFieldElement, events, react: React, tagName: \"vaadin-integer-field\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,gDCCd,OAAS,gBAAgBA,MAAgF,gDACzG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,mBAAoB,oBAAqB,YAAa,YAAa,eAAgB,eAAgB,EAElLC,EAAeC,EAAgB,CACxC,aAAcC,EAAqB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,sBACtE,CAAC",
6
6
  "names": ["IntegerFieldElement", "React", "createComponent", "events", "IntegerField", "createComponent", "IntegerFieldElement", "React"]
7
7
  }
@@ -3,17 +3,21 @@ import React from 'react';
3
3
  export * from './generated/MasterDetailLayout.js';
4
4
  type MasterProps = React.PropsWithChildren<{}>;
5
5
  type DetailProps = React.PropsWithChildren<{}>;
6
+ type DetailPlaceholderProps = React.PropsWithChildren<{}>;
6
7
  declare const MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<typeof _MasterDetailLayout>>;
7
8
  /**
8
9
  * `MasterDetailLayout` is a React component for building UIs with a master
9
10
  * (or primary) area and a detail (or secondary) area that is displayed next to, or
10
11
  * overlaid on top of, the master area, depending on configuration and viewport size.
11
12
  *
12
- * Content for each area should be wrapped into to the respective
13
- * `MasterDetailLayout.Master` and `MasterDetailLayout.Detail` wrapper components.
13
+ * Content for each area should be wrapped into the respective
14
+ * `MasterDetailLayout.Master`, `MasterDetailLayout.Detail`, and optionally
15
+ * `MasterDetailLayout.DetailPlaceholder` wrapper components.
14
16
  * Using any other component as a child will throw an error. To ensure that view
15
17
  * transitions are run properly, details content should be rendered conditionally
16
- * into the `MasterDetailLayout.Detail` component.
18
+ * into the `MasterDetailLayout.Detail` component. The `DetailPlaceholder` is shown
19
+ * in the detail area when no detail is selected, and is hidden when the viewport
20
+ * is too narrow (unlike detail, it does not become an overlay).
17
21
  *
18
22
  * @example
19
23
  * ```tsx
@@ -32,6 +36,7 @@ declare const MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<ty
32
36
  declare const MasterDetailLayout: typeof MasterDetailLayoutWithValidation & {
33
37
  Master: React.FC<MasterProps>;
34
38
  Detail: React.FC<DetailProps>;
39
+ DetailPlaceholder: React.FC<DetailPlaceholderProps>;
35
40
  };
36
41
  export { MasterDetailLayout };
37
42
  //# sourceMappingURL=MasterDetailLayout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["src/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,mBAAmB,EAE1C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,cAAc,mCAAmC,CAAC;AAElD,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAoI/C,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAIhG,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,kBAAkB,EAAuC,OAAO,gCAAgC,GAAG;IACvG,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAKF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["src/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,IAAI,mBAAmB,EAE1C,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,cAAc,mCAAmC,CAAC;AAElD,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAC/C,KAAK,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAsJ1D,QAAA,MAAM,gCAAgC,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAIhG,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,kBAAkB,EAAuC,OAAO,gCAAgC,GAAG;IACvG,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAC9B,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;CACrD,CAAC;AAMF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import{MasterDetailLayout as v}from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import*as L from"react";import{createComponent as R}from"./utils/createComponent.js";var P={onBackdropClick:"backdrop-click",onDetailEscapePress:"detail-escape-press"},m=R({elementClass:v,events:P,react:L,tagName:"vaadin-master-detail-layout"});import s,{useEffect as k,useLayoutEffect as x,useRef as p,useState as f}from"react";import{Fragment as A,jsx as d,jsxs as N}from"react/jsx-runtime";function D({children:t}){return t}function b(t,e){let n=s.Children.toArray(t).filter(a=>s.isValidElement(a)),l=s.Children.toArray(e).filter(a=>s.isValidElement(a));if(n.length!==l.length)return!0;for(let a=0;a<n.length;a++){let r=n[a],i=l[a];if(r.type!==i.type||r.key!==i.key)return!0}return!1}function M({children:t}){let e=p(null),n=p(0),l=p(null),a=n.current+1,[r,i]=f("idle"),[c,y]=f(t);return x(()=>{let u=e.current?.closest("vaadin-master-detail-layout");if(u){if(r==="idle"){let o=e.current.childElementCount>0;e.current.setAttribute("slot",o?"detail":"detail-hidden")}else if(r==="starting"){let o=e.current.childElementCount>0,E=l.current.childElementCount>0,C=o&&E?"replace":o?"remove":"add";u._startTransition(C,()=>{i("ready"),y(t),n.current=a})}else if(r==="ready"){let o=e.current.childElementCount>0;e.current.setAttribute("slot",o?"detail":"detail-hidden"),u._finishTransition().then(()=>{i("idle")})}}},[r,c]),k(()=>{r==="idle"&&(b(c,t)?i("starting"):y(t))},[r,t]),N(A,{children:[d("div",{ref:e,style:{display:"contents"},children:c},n.current),r==="starting"&&d("div",{ref:l,style:{display:"none"},children:t},a)]})}function _(t){s.Children.forEach(t,e=>{if(s.isValidElement(e)&&e.type!==D&&e.type!==M)throw new Error("Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master> and <MasterDetailLayout.Detail> components are allowed. Check the component docs for proper usage.")})}var g=t=>(_(t.children),d(m,{...t})),h=g;h.Master=D;h.Detail=M;export{h as MasterDetailLayout,v as MasterDetailLayoutElement};
1
+ export*from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import{MasterDetailLayout as P}from"@vaadin/master-detail-layout/vaadin-master-detail-layout.js";import*as R from"react";import{createComponent as k}from"./utils/createComponent.js";var g={onBackdropClick:"backdrop-click",onDetailEscapePress:"detail-escape-press"},f=k({elementClass:P,events:g,react:R,tagName:"vaadin-master-detail-layout"});import i,{useEffect as b,useLayoutEffect as x,useRef as y,useState as M}from"react";import{Fragment as T,jsx as d,jsxs as _}from"react/jsx-runtime";function E({children:e}){return e}function C({children:e}){return d("div",{slot:"detail-placeholder",style:{height:"100%"},children:e})}function A(e,t){let o=i.Children.toArray(e).filter(a=>i.isValidElement(a)),r=i.Children.toArray(t).filter(a=>i.isValidElement(a));if(o.length!==r.length)return!0;for(let a=0;a<o.length;a++){let l=o[a],n=r[a];if(l.type!==n.type||l.key!==n.key)return!0}return!1}function L({children:e}){let t=y(null),o=y(0),r=y(null),a=o.current+1,[l,n]=M("idle"),[p,h]=M(e);return x(()=>{let s=t.current?.closest("vaadin-master-detail-layout");if(s){if(l==="idle"){let c=t.current.childElementCount>0;t.current.setAttribute("slot",c?"detail":"detail-hidden")}else if(l==="starting"){let c=t.current.childElementCount>0,v=r.current.childElementCount>0,m=c&&v?"replace":c?"remove":"add";s._startTransition(m,async()=>{if(m==="replace"&&t.current){let u=t.current.cloneNode(!0);u.setAttribute("slot","detail-outgoing"),s.appendChild(u),t.current.setAttribute("slot","detail-hidden")}else t.current&&t.current.setAttribute("slot","detail-hidden");if(r.current){r.current.style.display="";let u=r.current.childElementCount>0;r.current.setAttribute("slot",u?"detail":"detail-hidden")}await Promise.resolve(),s.recalculateLayout()}).then(()=>{h(e),o.current=a,n("idle")})}}},[l,p]),b(()=>{l==="idle"&&(A(p,e)?n("starting"):h(e))},[l,e]),_(T,{children:[d("div",{ref:t,style:{height:"100%"},children:p},o.current),l==="starting"&&d("div",{ref:r,style:{display:"none",height:"100%"},children:e},a)]})}function N(e){i.Children.forEach(e,t=>{if(i.isValidElement(t)&&t.type!==E&&t.type!==L&&t.type!==C)throw new Error("Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master>, <MasterDetailLayout.Detail>, and <MasterDetailLayout.DetailPlaceholder> components are allowed. Check the component docs for proper usage.")})}var W=e=>(N(e.children),d(f,{...e})),D=W;D.Master=E;D.Detail=L;D.DetailPlaceholder=C;export{D as MasterDetailLayout,P as MasterDetailLayoutElement};
2
2
  //# sourceMappingURL=MasterDetailLayout.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/MasterDetailLayout.tsx", "src/generated/MasterDetailLayout.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport {\n MasterDetailLayout as _MasterDetailLayout,\n MasterDetailLayoutElement,\n} from './generated/MasterDetailLayout.js';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport * from './generated/MasterDetailLayout.js';\n\ntype MasterProps = React.PropsWithChildren<{}>;\ntype DetailProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => void;\n _finishTransition: () => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n return children;\n}\n\n/**\n * Compares two sets of React children to detect meaningful changes, ignoring text nodes.\n * Compares by component type and key.\n *\n * @param prevChildren Previous children\n * @param nextChildren Current children\n * @returns True if the non-text children are meaningfully different, false otherwise\n */\nfunction areChildrenDifferent(prevChildren: React.ReactNode, nextChildren: React.ReactNode): boolean {\n // Convert to arrays and filter out text nodes\n const prevArray = React.Children.toArray(prevChildren).filter((child) => React.isValidElement(child));\n const nextArray = React.Children.toArray(nextChildren).filter((child) => React.isValidElement(child));\n\n // If lengths are different, children have changed\n if (prevArray.length !== nextArray.length) {\n return true;\n }\n\n // Compare each element by type and key\n for (let i = 0; i < prevArray.length; i++) {\n const prevChild = prevArray[i] as React.ReactElement;\n const nextChild = nextArray[i] as React.ReactElement;\n\n // Compare by type\n if (prevChild.type !== nextChild.type) {\n return true;\n }\n\n // Compare by key (React.Children.toArray adds keys if missing)\n if (prevChild.key !== nextChild.key) {\n return true;\n }\n }\n\n return false;\n}\n\nfunction Detail({ children }: DetailProps) {\n const currentDetailsRef = useRef<HTMLDivElement>(null);\n const currentDetailsKey = useRef<number>(0);\n const nextDetailsRef = useRef<HTMLDivElement>(null);\n const nextDetailsKey = currentDetailsKey.current + 1;\n const [state, setState] = useState('idle');\n const [currentChildren, setCurrentChildren] = useState(children);\n\n useLayoutEffect(() => {\n const layout = currentDetailsRef.current?.closest(\n 'vaadin-master-detail-layout',\n ) as MasterDetailLayoutElementWithInternalAPI;\n if (!layout) {\n return;\n }\n\n if (state === 'idle') {\n // No transition in progress\n // Just update slot name\n const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n } else if (state === 'starting') {\n // Transition is starting and old and (invisible) new details are rendered\n // Determine the transition type based on old and new detail contents\n const hasCurrentDetails = currentDetailsRef.current!.childElementCount > 0;\n const hasNextDetails = nextDetailsRef.current!.childElementCount > 0;\n const transitionType = hasCurrentDetails && hasNextDetails ? 'replace' : hasCurrentDetails ? 'remove' : 'add';\n // Start transition to capture old DOM state\n layout._startTransition(transitionType, () => {\n // Once old DOM state is captured, render with new details only\n setState('ready');\n setCurrentChildren(children);\n currentDetailsKey.current = nextDetailsKey;\n });\n } else if (state === 'ready') {\n // Transition is ready and new details are rendered\n // Update slot name to either show or hide the new details\n const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n // Finish transition to animate to new DOM state\n layout._finishTransition().then(() => {\n // Transition is finished, reset state\n setState('idle');\n });\n }\n }, [state, currentChildren]);\n\n useEffect(() => {\n if (state !== 'idle') {\n return;\n }\n if (areChildrenDifferent(currentChildren, children)) {\n setState('starting');\n } else {\n setCurrentChildren(children);\n }\n }, [state, children]);\n\n return (\n <>\n <div ref={currentDetailsRef} key={currentDetailsKey.current} style={{ display: 'contents' }}>\n {currentChildren}\n </div>\n {state === 'starting' && (\n <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none' }}>\n {children}\n </div>\n )}\n </>\n );\n}\n\nfunction validateChildren(children: React.ReactNode) {\n React.Children.forEach(children, (child) => {\n // Ignore non-React elements\n // We especially want to ignore text nodes to allow for whitespace resulting from formatting\n if (React.isValidElement(child) && child.type !== Master && child.type !== Detail) {\n throw new Error(\n 'Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master> and <MasterDetailLayout.Detail> components are allowed. Check the component docs for proper usage.',\n );\n }\n });\n}\n\nconst MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<typeof _MasterDetailLayout>> = (props) => {\n validateChildren(props.children);\n\n return <_MasterDetailLayout {...props} />;\n};\n\n/**\n * `MasterDetailLayout` is a React component for building UIs with a master\n * (or primary) area and a detail (or secondary) area that is displayed next to, or\n * overlaid on top of, the master area, depending on configuration and viewport size.\n *\n * Content for each area should be wrapped into to the respective\n * `MasterDetailLayout.Master` and `MasterDetailLayout.Detail` wrapper components.\n * Using any other component as a child will throw an error. To ensure that view\n * transitions are run properly, details content should be rendered conditionally\n * into the `MasterDetailLayout.Detail` component.\n *\n * @example\n * ```tsx\n * const selectedProduct = useSignal<Product | null>(null);\n *\n * <MasterDetailLayout>\n * <MasterDetailLayout.Master>\n * <ProductList onSelect={(product) => { selectedProduct.value = product }} />\n * </MasterDetailLayout.Master>\n * <MasterDetailLayout.Detail>\n * { selectedProduct.value && <ProductDetail product={selectedProduct.value} /> }\n * </MasterDetailLayout.Detail>\n * </MasterDetailLayout>\n * ```\n */\nconst MasterDetailLayout = MasterDetailLayoutWithValidation as typeof MasterDetailLayoutWithValidation & {\n Master: React.FC<MasterProps>;\n Detail: React.FC<DetailProps>;\n};\n\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\n\nexport { MasterDetailLayout };\n", "import type { EventName } from \"@lit/react\";\nimport { MasterDetailLayout as MasterDetailLayoutElement, type MasterDetailLayoutEventMap as _MasterDetailLayoutEventMap, } from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MasterDetailLayoutElement, };\nexport type MasterDetailLayoutEventMap = Readonly<{\n onBackdropClick: EventName<_MasterDetailLayoutEventMap[\"backdrop-click\"]>;\n onDetailEscapePress: EventName<_MasterDetailLayoutEventMap[\"detail-escape-press\"]>;\n}>;\nconst events = { onBackdropClick: \"backdrop-click\", onDetailEscapePress: \"detail-escape-press\" } as MasterDetailLayoutEventMap;\nexport type MasterDetailLayoutProps = WebComponentProps<MasterDetailLayoutElement, MasterDetailLayoutEventMap>;\nexport const MasterDetailLayout = createComponent({\n elementClass: MasterDetailLayoutElement, events, react: React, tagName: \"vaadin-master-detail-layout\"\n});\n"],
5
- "mappings": "AAAA,WAAc,8DCCd,OAAS,sBAAsBA,MAAkG,8DACjI,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,gBAAiB,iBAAkB,oBAAqB,qBAAsB,EAElFC,EAAqBC,EAAgB,CAC9C,aAAcC,EAA2B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,6BAC5E,CAAC,EDRD,OAAOC,GAAS,aAAAC,EAAW,mBAAAC,EAAiB,UAAAC,EAAQ,YAAAC,MAAgB,QAgHhE,mBAAAC,EACE,OAAAC,EADF,QAAAC,MAAA,oBApGJ,SAASC,EAAO,CAAE,SAAAC,CAAS,EAAgB,CACzC,OAAOA,CACT,CAUA,SAASC,EAAqBC,EAA+BC,EAAwC,CAEnG,IAAMC,EAAYb,EAAM,SAAS,QAAQW,CAAY,EAAE,OAAQG,GAAUd,EAAM,eAAec,CAAK,CAAC,EAC9FC,EAAYf,EAAM,SAAS,QAAQY,CAAY,EAAE,OAAQE,GAAUd,EAAM,eAAec,CAAK,CAAC,EAGpG,GAAID,EAAU,SAAWE,EAAU,OACjC,MAAO,GAIT,QAASC,EAAI,EAAGA,EAAIH,EAAU,OAAQG,IAAK,CACzC,IAAMC,EAAYJ,EAAUG,CAAC,EACvBE,EAAYH,EAAUC,CAAC,EAQ7B,GALIC,EAAU,OAASC,EAAU,MAK7BD,EAAU,MAAQC,EAAU,IAC9B,MAAO,EAEX,CAEA,MAAO,EACT,CAEA,SAASC,EAAO,CAAE,SAAAV,CAAS,EAAgB,CACzC,IAAMW,EAAoBjB,EAAuB,IAAI,EAC/CkB,EAAoBlB,EAAe,CAAC,EACpCmB,EAAiBnB,EAAuB,IAAI,EAC5CoB,EAAiBF,EAAkB,QAAU,EAC7C,CAACG,EAAOC,CAAQ,EAAIrB,EAAS,MAAM,EACnC,CAACsB,EAAiBC,CAAkB,EAAIvB,EAASK,CAAQ,EAE/D,OAAAP,EAAgB,IAAM,CACpB,IAAM0B,EAASR,EAAkB,SAAS,QACxC,6BACF,EACA,GAAKQ,GAIL,GAAIJ,IAAU,OAAQ,CAGpB,IAAMK,EAAcT,EAAkB,QAAS,kBAAoB,EACnEA,EAAkB,QAAS,aAAa,OAAQS,EAAc,SAAW,eAAe,CAC1F,SAAWL,IAAU,WAAY,CAG/B,IAAMM,EAAoBV,EAAkB,QAAS,kBAAoB,EACnEW,EAAiBT,EAAe,QAAS,kBAAoB,EAC7DU,EAAiBF,GAAqBC,EAAiB,UAAYD,EAAoB,SAAW,MAExGF,EAAO,iBAAiBI,EAAgB,IAAM,CAE5CP,EAAS,OAAO,EAChBE,EAAmBlB,CAAQ,EAC3BY,EAAkB,QAAUE,CAC9B,CAAC,CACH,SAAWC,IAAU,QAAS,CAG5B,IAAMK,EAAcT,EAAkB,QAAS,kBAAoB,EACnEA,EAAkB,QAAS,aAAa,OAAQS,EAAc,SAAW,eAAe,EAExFD,EAAO,kBAAkB,EAAE,KAAK,IAAM,CAEpCH,EAAS,MAAM,CACjB,CAAC,CACH,EACF,EAAG,CAACD,EAAOE,CAAe,CAAC,EAE3BzB,EAAU,IAAM,CACVuB,IAAU,SAGVd,EAAqBgB,EAAiBjB,CAAQ,EAChDgB,EAAS,UAAU,EAEnBE,EAAmBlB,CAAQ,EAE/B,EAAG,CAACe,EAAOf,CAAQ,CAAC,EAGlBF,EAAAF,EAAA,CACE,UAAAC,EAAC,OAAI,IAAKc,EAAmD,MAAO,CAAE,QAAS,UAAW,EACvF,SAAAM,GAD+BL,EAAkB,OAEpD,EACCG,IAAU,YACTlB,EAAC,OAAI,IAAKgB,EAAqC,MAAO,CAAE,QAAS,MAAO,EACrE,SAAAb,GAD4Bc,CAE/B,GAEJ,CAEJ,CAEA,SAASU,EAAiBxB,EAA2B,CACnDT,EAAM,SAAS,QAAQS,EAAWK,GAAU,CAG1C,GAAId,EAAM,eAAec,CAAK,GAAKA,EAAM,OAASN,GAAUM,EAAM,OAASK,EACzE,MAAM,IAAI,MACR,0KACF,CAEJ,CAAC,CACH,CAEA,IAAMe,EAAgGC,IACpGF,EAAiBE,EAAM,QAAQ,EAExB7B,EAAC8B,EAAA,CAAqB,GAAGD,EAAO,GA4BnCC,EAAqBF,EAK3BE,EAAmB,OAAS5B,EAC5B4B,EAAmB,OAASjB",
6
- "names": ["MasterDetailLayoutElement", "React", "createComponent", "events", "MasterDetailLayout", "createComponent", "MasterDetailLayoutElement", "React", "React", "useEffect", "useLayoutEffect", "useRef", "useState", "Fragment", "jsx", "jsxs", "Master", "children", "areChildrenDifferent", "prevChildren", "nextChildren", "prevArray", "child", "nextArray", "i", "prevChild", "nextChild", "Detail", "currentDetailsRef", "currentDetailsKey", "nextDetailsRef", "nextDetailsKey", "state", "setState", "currentChildren", "setCurrentChildren", "layout", "hasChildren", "hasCurrentDetails", "hasNextDetails", "transitionType", "validateChildren", "MasterDetailLayoutWithValidation", "props", "MasterDetailLayout"]
4
+ "sourcesContent": ["export * from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport {\n MasterDetailLayout as _MasterDetailLayout,\n MasterDetailLayoutElement,\n} from './generated/MasterDetailLayout.js';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nexport * from './generated/MasterDetailLayout.js';\n\ntype MasterProps = React.PropsWithChildren<{}>;\ntype DetailProps = React.PropsWithChildren<{}>;\ntype DetailPlaceholderProps = React.PropsWithChildren<{}>;\n\ntype MasterDetailLayoutElementWithInternalAPI = MasterDetailLayoutElement & {\n _startTransition: (transitionType: 'add' | 'remove' | 'replace', callback: () => void) => Promise<void>;\n};\n\nfunction Master({ children }: MasterProps) {\n return children;\n}\n\nfunction DetailPlaceholder({ children }: DetailPlaceholderProps) {\n return <div slot=\"detail-placeholder\" style={{ height: '100%' }}>{children}</div>;\n}\n\n/**\n * Compares two sets of React children to detect meaningful changes, ignoring text nodes.\n * Compares by component type and key.\n *\n * @param prevChildren Previous children\n * @param nextChildren Current children\n * @returns True if the non-text children are meaningfully different, false otherwise\n */\nfunction areChildrenDifferent(prevChildren: React.ReactNode, nextChildren: React.ReactNode): boolean {\n // Convert to arrays and filter out text nodes\n const prevArray = React.Children.toArray(prevChildren).filter((child) => React.isValidElement(child));\n const nextArray = React.Children.toArray(nextChildren).filter((child) => React.isValidElement(child));\n\n // If lengths are different, children have changed\n if (prevArray.length !== nextArray.length) {\n return true;\n }\n\n // Compare each element by type and key\n for (let i = 0; i < prevArray.length; i++) {\n const prevChild = prevArray[i] as React.ReactElement;\n const nextChild = nextArray[i] as React.ReactElement;\n\n // Compare by type\n if (prevChild.type !== nextChild.type) {\n return true;\n }\n\n // Compare by key (React.Children.toArray adds keys if missing)\n if (prevChild.key !== nextChild.key) {\n return true;\n }\n }\n\n return false;\n}\n\nfunction Detail({ children }: DetailProps) {\n const currentDetailsRef = useRef<HTMLDivElement>(null);\n const currentDetailsKey = useRef<number>(0);\n const nextDetailsRef = useRef<HTMLDivElement>(null);\n const nextDetailsKey = currentDetailsKey.current + 1;\n const [state, setState] = useState('idle');\n const [currentChildren, setCurrentChildren] = useState(children);\n\n useLayoutEffect(() => {\n const layout = currentDetailsRef.current?.closest(\n 'vaadin-master-detail-layout',\n ) as MasterDetailLayoutElementWithInternalAPI;\n if (!layout) {\n return;\n }\n\n if (state === 'idle') {\n // No transition in progress \u2014 just update slot name\n const hasChildren = currentDetailsRef.current!.childElementCount > 0;\n currentDetailsRef.current!.setAttribute('slot', hasChildren ? 'detail' : 'detail-hidden');\n } else if (state === 'starting') {\n // Transition is starting and old and (invisible) new details are rendered.\n // Determine the transition type based on old and new detail contents.\n const hasCurrentDetails = currentDetailsRef.current!.childElementCount > 0;\n const hasNextDetails = nextDetailsRef.current!.childElementCount > 0;\n const transitionType = hasCurrentDetails && hasNextDetails ? 'replace' : hasCurrentDetails ? 'remove' : 'add';\n\n // _startTransition calls the callback synchronously for add/replace,\n // and asynchronously for remove.\n layout._startTransition(transitionType, async () => {\n if (transitionType === 'replace' && currentDetailsRef.current) {\n // For replace, _startTransition moved the current div to the\n // detail-outgoing slot for the outgoing animation. Clone it so the\n // WC can animate the clone out, then hide the React-managed original\n // so the WC's post-animation cleanup won't remove it from the DOM.\n const clone = currentDetailsRef.current.cloneNode(true) as HTMLElement;\n clone.setAttribute('slot', 'detail-outgoing');\n layout.appendChild(clone);\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n } else if (currentDetailsRef.current) {\n currentDetailsRef.current.setAttribute('slot', 'detail-hidden');\n }\n if (nextDetailsRef.current) {\n nextDetailsRef.current.style.display = '';\n const hasNext = nextDetailsRef.current.childElementCount > 0;\n nextDetailsRef.current.setAttribute('slot', hasNext ? 'detail' : 'detail-hidden');\n }\n\n // Wait for Lit elements to render\n await Promise.resolve();\n\n // Recompute layout state with the new DOM\n layout.recalculateLayout();\n }).then(() => {\n // Animation finished \u2014 sync React state to match DOM reality\n setCurrentChildren(children);\n currentDetailsKey.current = nextDetailsKey;\n setState('idle');\n });\n }\n }, [state, currentChildren]);\n\n useEffect(() => {\n if (state !== 'idle') {\n return;\n }\n if (areChildrenDifferent(currentChildren, children)) {\n setState('starting');\n } else {\n setCurrentChildren(children);\n }\n }, [state, children]);\n\n return (\n <>\n <div ref={currentDetailsRef} key={currentDetailsKey.current} style={{ height: '100%' }}>\n {currentChildren}\n </div>\n {state === 'starting' && (\n <div ref={nextDetailsRef} key={nextDetailsKey} style={{ display: 'none', height: '100%' }}>\n {children}\n </div>\n )}\n </>\n );\n}\n\nfunction validateChildren(children: React.ReactNode) {\n React.Children.forEach(children, (child) => {\n // Ignore non-React elements\n // We especially want to ignore text nodes to allow for whitespace resulting from formatting\n if (React.isValidElement(child) && child.type !== Master && child.type !== Detail && child.type !== DetailPlaceholder) {\n throw new Error(\n 'Invalid child in MasterDetailLayout. Only <MasterDetailLayout.Master>, <MasterDetailLayout.Detail>, and <MasterDetailLayout.DetailPlaceholder> components are allowed. Check the component docs for proper usage.',\n );\n }\n });\n}\n\nconst MasterDetailLayoutWithValidation: React.FC<React.ComponentProps<typeof _MasterDetailLayout>> = (props) => {\n validateChildren(props.children);\n\n return <_MasterDetailLayout {...props} />;\n};\n\n/**\n * `MasterDetailLayout` is a React component for building UIs with a master\n * (or primary) area and a detail (or secondary) area that is displayed next to, or\n * overlaid on top of, the master area, depending on configuration and viewport size.\n *\n * Content for each area should be wrapped into the respective\n * `MasterDetailLayout.Master`, `MasterDetailLayout.Detail`, and optionally\n * `MasterDetailLayout.DetailPlaceholder` wrapper components.\n * Using any other component as a child will throw an error. To ensure that view\n * transitions are run properly, details content should be rendered conditionally\n * into the `MasterDetailLayout.Detail` component. The `DetailPlaceholder` is shown\n * in the detail area when no detail is selected, and is hidden when the viewport\n * is too narrow (unlike detail, it does not become an overlay).\n *\n * @example\n * ```tsx\n * const selectedProduct = useSignal<Product | null>(null);\n *\n * <MasterDetailLayout>\n * <MasterDetailLayout.Master>\n * <ProductList onSelect={(product) => { selectedProduct.value = product }} />\n * </MasterDetailLayout.Master>\n * <MasterDetailLayout.Detail>\n * { selectedProduct.value && <ProductDetail product={selectedProduct.value} /> }\n * </MasterDetailLayout.Detail>\n * </MasterDetailLayout>\n * ```\n */\nconst MasterDetailLayout = MasterDetailLayoutWithValidation as typeof MasterDetailLayoutWithValidation & {\n Master: React.FC<MasterProps>;\n Detail: React.FC<DetailProps>;\n DetailPlaceholder: React.FC<DetailPlaceholderProps>;\n};\n\nMasterDetailLayout.Master = Master;\nMasterDetailLayout.Detail = Detail;\nMasterDetailLayout.DetailPlaceholder = DetailPlaceholder;\n\nexport { MasterDetailLayout };\n", "import type { EventName } from \"@lit/react\";\nimport { MasterDetailLayout as MasterDetailLayoutElement, type MasterDetailLayoutEventMap as _MasterDetailLayoutEventMap, } from \"@vaadin/master-detail-layout/vaadin-master-detail-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MasterDetailLayoutElement, };\nexport type MasterDetailLayoutEventMap = Readonly<{\n onBackdropClick: EventName<_MasterDetailLayoutEventMap[\"backdrop-click\"]>;\n onDetailEscapePress: EventName<_MasterDetailLayoutEventMap[\"detail-escape-press\"]>;\n}>;\nconst events = { onBackdropClick: \"backdrop-click\", onDetailEscapePress: \"detail-escape-press\" } as MasterDetailLayoutEventMap;\nexport type MasterDetailLayoutProps = WebComponentProps<MasterDetailLayoutElement, MasterDetailLayoutEventMap>;\nexport const MasterDetailLayout = createComponent({\n elementClass: MasterDetailLayoutElement, events, react: React, tagName: \"vaadin-master-detail-layout\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,8DCCd,OAAS,sBAAsBA,MAAkG,8DACjI,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,gBAAiB,iBAAkB,oBAAqB,qBAAsB,EAElFC,EAAqBC,EAAgB,CAC9C,aAAcC,EAA2B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,6BAC5E,CAAC,EDRD,OAAOC,GAAS,aAAAC,EAAW,mBAAAC,EAAiB,UAAAC,EAAQ,YAAAC,MAAgB,QAiB3D,OAkHL,YAAAC,EAlHK,OAAAC,EAkHL,QAAAC,MAlHK,oBALT,SAASC,EAAO,CAAE,SAAAC,CAAS,EAAgB,CACzC,OAAOA,CACT,CAEA,SAASC,EAAkB,CAAE,SAAAD,CAAS,EAA2B,CAC/D,OAAOH,EAAC,OAAI,KAAK,qBAAqB,MAAO,CAAE,OAAQ,MAAO,EAAI,SAAAG,EAAS,CAC7E,CAUA,SAASE,EAAqBC,EAA+BC,EAAwC,CAEnG,IAAMC,EAAYd,EAAM,SAAS,QAAQY,CAAY,EAAE,OAAQG,GAAUf,EAAM,eAAee,CAAK,CAAC,EAC9FC,EAAYhB,EAAM,SAAS,QAAQa,CAAY,EAAE,OAAQE,GAAUf,EAAM,eAAee,CAAK,CAAC,EAGpG,GAAID,EAAU,SAAWE,EAAU,OACjC,MAAO,GAIT,QAASC,EAAI,EAAGA,EAAIH,EAAU,OAAQG,IAAK,CACzC,IAAMC,EAAYJ,EAAUG,CAAC,EACvBE,EAAYH,EAAUC,CAAC,EAQ7B,GALIC,EAAU,OAASC,EAAU,MAK7BD,EAAU,MAAQC,EAAU,IAC9B,MAAO,EAEX,CAEA,MAAO,EACT,CAEA,SAASC,EAAO,CAAE,SAAAX,CAAS,EAAgB,CACzC,IAAMY,EAAoBlB,EAAuB,IAAI,EAC/CmB,EAAoBnB,EAAe,CAAC,EACpCoB,EAAiBpB,EAAuB,IAAI,EAC5CqB,EAAiBF,EAAkB,QAAU,EAC7C,CAACG,EAAOC,CAAQ,EAAItB,EAAS,MAAM,EACnC,CAACuB,EAAiBC,CAAkB,EAAIxB,EAASK,CAAQ,EAE/D,OAAAP,EAAgB,IAAM,CACpB,IAAM2B,EAASR,EAAkB,SAAS,QACxC,6BACF,EACA,GAAKQ,GAIL,GAAIJ,IAAU,OAAQ,CAEpB,IAAMK,EAAcT,EAAkB,QAAS,kBAAoB,EACnEA,EAAkB,QAAS,aAAa,OAAQS,EAAc,SAAW,eAAe,CAC1F,SAAWL,IAAU,WAAY,CAG/B,IAAMM,EAAoBV,EAAkB,QAAS,kBAAoB,EACnEW,EAAiBT,EAAe,QAAS,kBAAoB,EAC7DU,EAAiBF,GAAqBC,EAAiB,UAAYD,EAAoB,SAAW,MAIxGF,EAAO,iBAAiBI,EAAgB,SAAY,CAClD,GAAIA,IAAmB,WAAaZ,EAAkB,QAAS,CAK7D,IAAMa,EAAQb,EAAkB,QAAQ,UAAU,EAAI,EACtDa,EAAM,aAAa,OAAQ,iBAAiB,EAC5CL,EAAO,YAAYK,CAAK,EACxBb,EAAkB,QAAQ,aAAa,OAAQ,eAAe,CAChE,MAAWA,EAAkB,SAC3BA,EAAkB,QAAQ,aAAa,OAAQ,eAAe,EAEhE,GAAIE,EAAe,QAAS,CAC1BA,EAAe,QAAQ,MAAM,QAAU,GACvC,IAAMY,EAAUZ,EAAe,QAAQ,kBAAoB,EAC3DA,EAAe,QAAQ,aAAa,OAAQY,EAAU,SAAW,eAAe,CAClF,CAGA,MAAM,QAAQ,QAAQ,EAGtBN,EAAO,kBAAkB,CAC3B,CAAC,EAAE,KAAK,IAAM,CAEZD,EAAmBnB,CAAQ,EAC3Ba,EAAkB,QAAUE,EAC5BE,EAAS,MAAM,CACjB,CAAC,CACH,EACF,EAAG,CAACD,EAAOE,CAAe,CAAC,EAE3B1B,EAAU,IAAM,CACVwB,IAAU,SAGVd,EAAqBgB,EAAiBlB,CAAQ,EAChDiB,EAAS,UAAU,EAEnBE,EAAmBnB,CAAQ,EAE/B,EAAG,CAACgB,EAAOhB,CAAQ,CAAC,EAGlBF,EAAAF,EAAA,CACE,UAAAC,EAAC,OAAI,IAAKe,EAAmD,MAAO,CAAE,OAAQ,MAAO,EAClF,SAAAM,GAD+BL,EAAkB,OAEpD,EACCG,IAAU,YACTnB,EAAC,OAAI,IAAKiB,EAAqC,MAAO,CAAE,QAAS,OAAQ,OAAQ,MAAO,EACrF,SAAAd,GAD4Be,CAE/B,GAEJ,CAEJ,CAEA,SAASY,EAAiB3B,EAA2B,CACnDT,EAAM,SAAS,QAAQS,EAAWM,GAAU,CAG1C,GAAIf,EAAM,eAAee,CAAK,GAAKA,EAAM,OAASP,GAAUO,EAAM,OAASK,GAAUL,EAAM,OAASL,EAClG,MAAM,IAAI,MACR,mNACF,CAEJ,CAAC,CACH,CAEA,IAAM2B,EAAgGC,IACpGF,EAAiBE,EAAM,QAAQ,EAExBhC,EAACiC,EAAA,CAAqB,GAAGD,EAAO,GA+BnCC,EAAqBF,EAM3BE,EAAmB,OAAS/B,EAC5B+B,EAAmB,OAASnB,EAC5BmB,EAAmB,kBAAoB7B",
6
+ "names": ["MasterDetailLayoutElement", "React", "createComponent", "events", "MasterDetailLayout", "createComponent", "MasterDetailLayoutElement", "React", "React", "useEffect", "useLayoutEffect", "useRef", "useState", "Fragment", "jsx", "jsxs", "Master", "children", "DetailPlaceholder", "areChildrenDifferent", "prevChildren", "nextChildren", "prevArray", "child", "nextArray", "i", "prevChild", "nextChild", "Detail", "currentDetailsRef", "currentDetailsKey", "nextDetailsRef", "nextDetailsKey", "state", "setState", "currentChildren", "setCurrentChildren", "layout", "hasChildren", "hasCurrentDetails", "hasNextDetails", "transitionType", "clone", "hasNext", "validateChildren", "MasterDetailLayoutWithValidation", "props", "MasterDetailLayout"]
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={onChange:"change",onCustomValueSet:"custom-value-set",onFilterChanged:"filter-changed",onInput:"input",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onSelectedItemsChanged:"selected-items-changed",onValidated:"validated"},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 i}from"react";import{MultiSelectComboBox as n}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 c={onChange:"change",onCustomValueSet:"custom-value-set",onFilterChanged:"filter-changed",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onSelectedItemsChanged:"selected-items-changed",onValidated:"validated"},t=r({elementClass:n,events:c,react:a,tagName:"vaadin-multi-select-combo-box"});import{useModelRenderer as p}from"./renderers/useModelRenderer.js";import{jsxs as u}from"react/jsx-runtime";function d(e,o){let[l,m]=p(e.renderer);return u(t,{...e,ref:o,renderer:m,children:[e.children,l]})}var B=i(d);export{B as MultiSelectComboBox,n 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 onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInput: EventName<_MultiSelectComboBoxEventMap<T1>[\"input\"]>;\n onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n}>;\nconst events = { onChange: \"change\", onCustomValueSet: \"custom-value-set\", onFilterChanged: \"filter-changed\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onSelectedItemsChanged: \"selected-items-changed\", onValidated: \"validated\" } 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,SAAU,SAAU,iBAAkB,mBAAoB,gBAAiB,iBAAkB,QAAS,QAAS,iBAAkB,kBAAmB,gBAAiB,iBAAkB,uBAAwB,yBAA0B,YAAa,WAAY,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 onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n}>;\nconst events = { onChange: \"change\", onCustomValueSet: \"custom-value-set\", onFilterChanged: \"filter-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onSelectedItemsChanged: \"selected-items-changed\", onValidated: \"validated\" } 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,6BAWxD,IAAMC,EAAS,CAAE,SAAU,SAAU,iBAAkB,mBAAoB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,uBAAwB,yBAA0B,YAAa,WAAY,EAEpPC,EAAsBC,EAAgB,CAC/C,aAAcC,EAA4B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,+BAC7E,CAAC,EDTD,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/NumberField.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/number-field/vaadin-number-field.js";import{NumberField as e}from"@vaadin/number-field/vaadin-number-field.js";import*as n from"react";import{createComponent as a}from"./utils/createComponent.js";var t={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValidated:"validated",onValueChanged:"value-changed"},o=a({elementClass:e,events:t,react:n,tagName:"vaadin-number-field"});export{o as NumberField,e as NumberFieldElement};
1
+ export*from"@vaadin/number-field/vaadin-number-field.js";import{NumberField as e}from"@vaadin/number-field/vaadin-number-field.js";import*as n from"react";import{createComponent as a}from"./utils/createComponent.js";var t={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onUnparsableChange:"unparsable-change",onValidated:"validated",onValueChanged:"value-changed"},o=a({elementClass:e,events:t,react:n,tagName:"vaadin-number-field"});export{o as NumberField,e as NumberFieldElement};
2
2
  //# sourceMappingURL=NumberField.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/NumberField.ts", "src/generated/NumberField.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/number-field/vaadin-number-field.js\";\nexport * from './generated/NumberField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { NumberField as NumberFieldElement, type NumberFieldEventMap as _NumberFieldEventMap, } from \"@vaadin/number-field/vaadin-number-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { NumberFieldElement, };\nexport type NumberFieldEventMap = Readonly<{\n onChange: EventName<_NumberFieldEventMap[\"change\"]>;\n onInput: EventName<_NumberFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_NumberFieldEventMap[\"invalid-changed\"]>;\n onValidated: EventName<_NumberFieldEventMap[\"validated\"]>;\n onValueChanged: EventName<_NumberFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as NumberFieldEventMap;\nexport type NumberFieldProps = WebComponentProps<NumberFieldElement, NumberFieldEventMap>;\nexport const NumberField = createComponent({\n elementClass: NumberFieldElement, events, react: React, tagName: \"vaadin-number-field\"\n});\n"],
5
- "mappings": "AAAA,WAAc,8CCCd,OAAS,eAAeA,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,YAAa,YAAa,eAAgB,eAAgB,EAEzIC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC",
4
+ "sourcesContent": ["export * from \"@vaadin/number-field/vaadin-number-field.js\";\nexport * from './generated/NumberField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { NumberField as NumberFieldElement, type NumberFieldEventMap as _NumberFieldEventMap, } from \"@vaadin/number-field/vaadin-number-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { NumberFieldElement, };\nexport type NumberFieldEventMap = Readonly<{\n onChange: EventName<_NumberFieldEventMap[\"change\"]>;\n onInput: EventName<_NumberFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_NumberFieldEventMap[\"invalid-changed\"]>;\n onUnparsableChange: EventName<_NumberFieldEventMap[\"unparsable-change\"]>;\n onValidated: EventName<_NumberFieldEventMap[\"validated\"]>;\n onValueChanged: EventName<_NumberFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onUnparsableChange: \"unparsable-change\", onValidated: \"validated\", onValueChanged: \"value-changed\" } as NumberFieldEventMap;\nexport type NumberFieldProps = WebComponentProps<NumberFieldElement, NumberFieldEventMap>;\nexport const NumberField = createComponent({\n elementClass: NumberFieldElement, events, react: React, tagName: \"vaadin-number-field\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,8CCCd,OAAS,eAAeA,MAA6E,8CACrG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,mBAAoB,oBAAqB,YAAa,YAAa,eAAgB,eAAgB,EAElLC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC",
6
6
  "names": ["NumberFieldElement", "React", "createComponent", "events", "NumberField", "createComponent", "NumberFieldElement", "React"]
7
7
  }
package/TimePicker.d.ts CHANGED
@@ -2,9 +2,9 @@ import { type TimePickerElement } from './generated/TimePicker.js';
2
2
  export * from './generated/TimePicker.js';
3
3
  export declare const TimePicker: import("react").ForwardRefExoticComponent<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<TimePickerElement, Readonly<{
4
4
  onChange: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["change"]>;
5
- onInput: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["input"]>;
6
5
  onInvalidChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["invalid-changed"]>;
7
6
  onOpenedChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["opened-changed"]>;
7
+ onUnparsableChange: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["unparsable-change"]>;
8
8
  onValidated: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["validated"]>;
9
9
  onValueChanged: import("@lit/react").EventName<import("@vaadin/time-picker").TimePickerEventMap["value-changed"]>;
10
10
  }>>> & import("react").RefAttributes<TimePickerElement>>;
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={onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onValidated:"validated",onValueChanged:"value-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 t}from"react";import{TimePicker as n}from"@vaadin/time-picker/vaadin-time-picker.js";import*as a from"react";import{createComponent as i}from"./utils/createComponent.js";var r={onChange:"change",onInvalidChanged:"invalid-changed",onOpenedChanged:"opened-changed",onUnparsableChange:"unparsable-change",onValidated:"validated",onValueChanged:"value-changed"},e=i({elementClass:n,events:r,react:a,tagName:"vaadin-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var l=t(m(e,"value"));export{l 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 onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInput: EventName<_TimePickerEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onValidated: \"validated\", onValueChanged: \"value-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,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,gBAAiB,iBAAkB,YAAa,YAAa,eAAgB,eAAgB,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 onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n onUnparsableChange: EventName<_TimePickerEventMap[\"unparsable-change\"]>;\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n}>;\nconst events = { onChange: \"change\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onUnparsableChange: \"unparsable-change\", onValidated: \"validated\", onValueChanged: \"value-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,SAAU,SAAU,iBAAkB,kBAAmB,gBAAiB,iBAAkB,mBAAoB,oBAAqB,YAAa,YAAa,eAAgB,eAAgB,EAEnMC,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/Upload.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"@vaadin/upload/vaadin-upload.js";import{Upload as e}from"@vaadin/upload/vaadin-upload.js";import*as o from"react";import{createComponent as a}from"./utils/createComponent.js";var p={onFileReject:"file-reject",onFilesChanged:"files-changed",onMaxFilesReachedChanged:"max-files-reached-changed",onUploadAbort:"upload-abort",onUploadBefore:"upload-before",onUploadError:"upload-error",onUploadProgress:"upload-progress",onUploadRequest:"upload-request",onUploadResponse:"upload-response",onUploadRetry:"upload-retry",onUploadStart:"upload-start",onUploadSuccess:"upload-success"},l=a({elementClass:e,events:p,react:o,tagName:"vaadin-upload"});export{l as Upload,e as UploadElement};
1
+ export*from"@vaadin/upload/vaadin-upload.js";import{Upload as e}from"@vaadin/upload/vaadin-upload.js";import*as o from"react";import{createComponent as a}from"./utils/createComponent.js";var p={onFileReject:"file-reject",onFileRemove:"file-remove",onFilesChanged:"files-changed",onMaxFilesReachedChanged:"max-files-reached-changed",onUploadAbort:"upload-abort",onUploadBefore:"upload-before",onUploadError:"upload-error",onUploadProgress:"upload-progress",onUploadRequest:"upload-request",onUploadResponse:"upload-response",onUploadRetry:"upload-retry",onUploadStart:"upload-start",onUploadSuccess:"upload-success"},l=a({elementClass:e,events:p,react:o,tagName:"vaadin-upload"});export{l as Upload,e as UploadElement};
2
2
  //# sourceMappingURL=Upload.js.map
package/Upload.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["src/Upload.ts", "src/generated/Upload.ts"],
4
- "sourcesContent": ["export * from \"@vaadin/upload/vaadin-upload.js\";\nexport * from './generated/Upload.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Upload as UploadElement, type UploadEventMap as _UploadEventMap, } from \"@vaadin/upload/vaadin-upload.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { UploadElement, };\nexport type UploadEventMap = Readonly<{\n onFileReject: EventName<_UploadEventMap[\"file-reject\"]>;\n onFilesChanged: EventName<_UploadEventMap[\"files-changed\"]>;\n onMaxFilesReachedChanged: EventName<_UploadEventMap[\"max-files-reached-changed\"]>;\n onUploadAbort: EventName<_UploadEventMap[\"upload-abort\"]>;\n onUploadBefore: EventName<_UploadEventMap[\"upload-before\"]>;\n onUploadError: EventName<_UploadEventMap[\"upload-error\"]>;\n onUploadProgress: EventName<_UploadEventMap[\"upload-progress\"]>;\n onUploadRequest: EventName<_UploadEventMap[\"upload-request\"]>;\n onUploadResponse: EventName<_UploadEventMap[\"upload-response\"]>;\n onUploadRetry: EventName<_UploadEventMap[\"upload-retry\"]>;\n onUploadStart: EventName<_UploadEventMap[\"upload-start\"]>;\n onUploadSuccess: EventName<_UploadEventMap[\"upload-success\"]>;\n}>;\nconst events = { onFileReject: \"file-reject\", onFilesChanged: \"files-changed\", onMaxFilesReachedChanged: \"max-files-reached-changed\", onUploadAbort: \"upload-abort\", onUploadBefore: \"upload-before\", onUploadError: \"upload-error\", onUploadProgress: \"upload-progress\", onUploadRequest: \"upload-request\", onUploadResponse: \"upload-response\", onUploadRetry: \"upload-retry\", onUploadStart: \"upload-start\", onUploadSuccess: \"upload-success\" } as UploadEventMap;\nexport type UploadProps = WebComponentProps<UploadElement, UploadEventMap>;\nexport const Upload = createComponent({\n elementClass: UploadElement, events, react: React, tagName: \"vaadin-upload\"\n});\n"],
5
- "mappings": "AAAA,WAAc,kCCCd,OAAS,UAAUA,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAgBxD,IAAMC,EAAS,CAAE,aAAc,cAAe,eAAgB,gBAAiB,yBAA0B,4BAA6B,cAAe,eAAgB,eAAgB,gBAAiB,cAAe,eAAgB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,cAAe,eAAgB,cAAe,eAAgB,gBAAiB,gBAAiB,EAEraC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC",
4
+ "sourcesContent": ["export * from \"@vaadin/upload/vaadin-upload.js\";\nexport * from './generated/Upload.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Upload as UploadElement, type UploadEventMap as _UploadEventMap, } from \"@vaadin/upload/vaadin-upload.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { UploadElement, };\nexport type UploadEventMap = Readonly<{\n onFileReject: EventName<_UploadEventMap[\"file-reject\"]>;\n onFileRemove: EventName<_UploadEventMap[\"file-remove\"]>;\n onFilesChanged: EventName<_UploadEventMap[\"files-changed\"]>;\n onMaxFilesReachedChanged: EventName<_UploadEventMap[\"max-files-reached-changed\"]>;\n onUploadAbort: EventName<_UploadEventMap[\"upload-abort\"]>;\n onUploadBefore: EventName<_UploadEventMap[\"upload-before\"]>;\n onUploadError: EventName<_UploadEventMap[\"upload-error\"]>;\n onUploadProgress: EventName<_UploadEventMap[\"upload-progress\"]>;\n onUploadRequest: EventName<_UploadEventMap[\"upload-request\"]>;\n onUploadResponse: EventName<_UploadEventMap[\"upload-response\"]>;\n onUploadRetry: EventName<_UploadEventMap[\"upload-retry\"]>;\n onUploadStart: EventName<_UploadEventMap[\"upload-start\"]>;\n onUploadSuccess: EventName<_UploadEventMap[\"upload-success\"]>;\n}>;\nconst events = { onFileReject: \"file-reject\", onFileRemove: \"file-remove\", onFilesChanged: \"files-changed\", onMaxFilesReachedChanged: \"max-files-reached-changed\", onUploadAbort: \"upload-abort\", onUploadBefore: \"upload-before\", onUploadError: \"upload-error\", onUploadProgress: \"upload-progress\", onUploadRequest: \"upload-request\", onUploadResponse: \"upload-response\", onUploadRetry: \"upload-retry\", onUploadStart: \"upload-start\", onUploadSuccess: \"upload-success\" } as UploadEventMap;\nexport type UploadProps = WebComponentProps<UploadElement, UploadEventMap>;\nexport const Upload = createComponent({\n elementClass: UploadElement, events, react: React, tagName: \"vaadin-upload\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,kCCCd,OAAS,UAAUA,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAiBxD,IAAMC,EAAS,CAAE,aAAc,cAAe,aAAc,cAAe,eAAgB,gBAAiB,yBAA0B,4BAA6B,cAAe,eAAgB,eAAgB,gBAAiB,cAAe,eAAgB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,cAAe,eAAgB,cAAe,eAAgB,gBAAiB,gBAAiB,EAElcC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC",
6
6
  "names": ["UploadElement", "React", "createComponent", "events", "Upload", "createComponent", "UploadElement", "React"]
7
7
  }
@@ -8,7 +8,6 @@ export type ComboBoxEventMap<T1> = Readonly<{
8
8
  onChange: EventName<_ComboBoxEventMap<T1>["change"]>;
9
9
  onCustomValueSet: EventName<_ComboBoxEventMap<T1>["custom-value-set"]>;
10
10
  onFilterChanged: EventName<_ComboBoxEventMap<T1>["filter-changed"]>;
11
- onInput: EventName<_ComboBoxEventMap<T1>["input"]>;
12
11
  onInvalidChanged: EventName<_ComboBoxEventMap<T1>["invalid-changed"]>;
13
12
  onOpenedChanged: EventName<_ComboBoxEventMap<T1>["opened-changed"]>;
14
13
  onSelectedItemChanged: EventName<_ComboBoxEventMap<T1>["selected-item-changed"]>;
@@ -1 +1 @@
1
- {"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/generated/ComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,gBAAgB,IAAI,iBAAiB,EAAG,MAAM,uCAAuC,CAAC;AACjI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,eAAe,GAAG,CAAC;AAC5B,MAAM,MAAM,gBAAgB,CAAC,EAAE,IAAI,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACvE,eAAe,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpE,OAAO,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,eAAe,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpE,qBAAqB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACjF,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,cAAc,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;CACrE,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7F,eAAO,MAAM,QAAQ,EAEf,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
1
+ {"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../src/generated/ComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,KAAK,gBAAgB,IAAI,iBAAiB,EAAG,MAAM,uCAAuC,CAAC;AACjI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,eAAe,GAAG,CAAC;AAC5B,MAAM,MAAM,gBAAgB,CAAC,EAAE,IAAI,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACvE,eAAe,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpE,gBAAgB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,eAAe,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpE,qBAAqB,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACjF,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,cAAc,EAAE,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC;CACrE,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,EAAE,IAAI,iBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC;AAC7F,eAAO,MAAM,QAAQ,EAEf,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
@@ -5,14 +5,18 @@ import { type WebComponentProps } from "../utils/createComponent.js";
5
5
  export * from "@vaadin/context-menu/vaadin-context-menu.js";
6
6
  export { ContextMenuElement, };
7
7
  export type ContextMenuEventMap = Readonly<{
8
+ onCloseAllMenus: EventName<_ContextMenuEventMap["close-all-menus"]>;
8
9
  onClosed: EventName<_ContextMenuEventMap["closed"]>;
9
10
  onItemSelected: EventName<_ContextMenuEventMap["item-selected"]>;
11
+ onItemsOutsideClick: EventName<_ContextMenuEventMap["items-outside-click"]>;
10
12
  onOpenedChanged: EventName<_ContextMenuEventMap["opened-changed"]>;
11
13
  }>;
12
14
  export type ContextMenuProps = WebComponentProps<ContextMenuElement, ContextMenuEventMap>;
13
15
  export declare const ContextMenu: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<ContextMenuElement<import("@vaadin/context-menu/vaadin-context-menu.js").ContextMenuItem>, Readonly<{
16
+ onCloseAllMenus: EventName<_ContextMenuEventMap["close-all-menus"]>;
14
17
  onClosed: EventName<_ContextMenuEventMap["closed"]>;
15
18
  onItemSelected: EventName<_ContextMenuEventMap["item-selected"]>;
19
+ onItemsOutsideClick: EventName<_ContextMenuEventMap["items-outside-click"]>;
16
20
  onOpenedChanged: EventName<_ContextMenuEventMap["opened-changed"]>;
17
21
  }>>> & React.RefAttributes<ContextMenuElement<import("@vaadin/context-menu/vaadin-context-menu.js").ContextMenuItem>>) => React.ReactElement | null;
18
22
  //# sourceMappingURL=ContextMenu.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../src/generated/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,mBAAmB,IAAI,oBAAoB,EAAG,MAAM,6CAA6C,CAAC;AACnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,cAAc,EAAE,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;IACjE,eAAe,EAAE,SAAS,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;cANV,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;oBACnC,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;qBAC/C,SAAS,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;mJAMpE,CAAC"}
1
+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../src/generated/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,mBAAmB,IAAI,oBAAoB,EAAG,MAAM,6CAA6C,CAAC;AACnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACvC,eAAe,EAAE,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,cAAc,EAAE,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;IACjE,mBAAmB,EAAE,SAAS,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC5E,eAAe,EAAE,SAAS,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACtE,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;qBARH,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;cACzD,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;oBACnC,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;yBAC3C,SAAS,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC;qBAC1D,SAAS,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;mJAMpE,CAAC"}
@@ -6,18 +6,18 @@ export * from "@vaadin/date-picker/vaadin-date-picker.js";
6
6
  export { DatePickerElement, };
7
7
  export type DatePickerEventMap = Readonly<{
8
8
  onChange: EventName<_DatePickerEventMap["change"]>;
9
- onInput: EventName<_DatePickerEventMap["input"]>;
10
9
  onInvalidChanged: EventName<_DatePickerEventMap["invalid-changed"]>;
11
10
  onOpenedChanged: EventName<_DatePickerEventMap["opened-changed"]>;
11
+ onUnparsableChange: EventName<_DatePickerEventMap["unparsable-change"]>;
12
12
  onValidated: EventName<_DatePickerEventMap["validated"]>;
13
13
  onValueChanged: EventName<_DatePickerEventMap["value-changed"]>;
14
14
  }>;
15
15
  export type DatePickerProps = WebComponentProps<DatePickerElement, DatePickerEventMap>;
16
16
  export declare const DatePicker: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<DatePickerElement, Readonly<{
17
17
  onChange: EventName<_DatePickerEventMap["change"]>;
18
- onInput: EventName<_DatePickerEventMap["input"]>;
19
18
  onInvalidChanged: EventName<_DatePickerEventMap["invalid-changed"]>;
20
19
  onOpenedChanged: EventName<_DatePickerEventMap["opened-changed"]>;
20
+ onUnparsableChange: EventName<_DatePickerEventMap["unparsable-change"]>;
21
21
  onValidated: EventName<_DatePickerEventMap["validated"]>;
22
22
  onValueChanged: EventName<_DatePickerEventMap["value-changed"]>;
23
23
  }>>> & React.RefAttributes<DatePickerElement>) => React.ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/generated/DatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,2CAA2C,CAAC;AAC7I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,gBAAgB,EAAE,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;CACnE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;cATT,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;aACzC,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;sBAC9B,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;qBAClD,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;iBACpD,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;oBACxC,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;2EAMjE,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../src/generated/DatePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,2CAA2C,CAAC;AAC7I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,kBAAkB,EAAE,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;CACnE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;cATT,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;sBAChC,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;qBAClD,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;wBAC7C,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;iBAC1D,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;oBACxC,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;2EAMjE,CAAC"}
@@ -7,6 +7,7 @@ export { DateTimePickerElement, };
7
7
  export type DateTimePickerEventMap = Readonly<{
8
8
  onChange: EventName<_DateTimePickerEventMap["change"]>;
9
9
  onInvalidChanged: EventName<_DateTimePickerEventMap["invalid-changed"]>;
10
+ onUnparsableChange: EventName<_DateTimePickerEventMap["unparsable-change"]>;
10
11
  onValidated: EventName<_DateTimePickerEventMap["validated"]>;
11
12
  onValueChanged: EventName<_DateTimePickerEventMap["value-changed"]>;
12
13
  }>;
@@ -14,6 +15,7 @@ export type DateTimePickerProps = WebComponentProps<DateTimePickerElement, DateT
14
15
  export declare const DateTimePicker: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<DateTimePickerElement, Readonly<{
15
16
  onChange: EventName<_DateTimePickerEventMap["change"]>;
16
17
  onInvalidChanged: EventName<_DateTimePickerEventMap["invalid-changed"]>;
18
+ onUnparsableChange: EventName<_DateTimePickerEventMap["unparsable-change"]>;
17
19
  onValidated: EventName<_DateTimePickerEventMap["validated"]>;
18
20
  onValueChanged: EventName<_DateTimePickerEventMap["value-changed"]>;
19
21
  }>>> & React.RefAttributes<DateTimePickerElement>) => React.ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../src/generated/DateTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,KAAK,sBAAsB,IAAI,uBAAuB,EAAG,MAAM,qDAAqD,CAAC;AACvK,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,qDAAqD,CAAC;AACpE,OAAO,EAAE,qBAAqB,GAAG,CAAC;AAClC,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,gBAAgB,EAAE,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D,cAAc,EAAE,SAAS,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC,CAAC;CACvE,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACnG,eAAO,MAAM,cAAc;cAPb,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;sBACpC,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;iBAC1D,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;oBAC5C,SAAS,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC;+EAMrE,CAAC"}
1
+ {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../src/generated/DateTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,KAAK,sBAAsB,IAAI,uBAAuB,EAAG,MAAM,qDAAqD,CAAC;AACvK,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,qDAAqD,CAAC;AACpE,OAAO,EAAE,qBAAqB,GAAG,CAAC;AAClC,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,gBAAgB,EAAE,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACxE,kBAAkB,EAAE,SAAS,CAAC,uBAAuB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5E,WAAW,EAAE,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D,cAAc,EAAE,SAAS,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC,CAAC;CACvE,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,qBAAqB,EAAE,sBAAsB,CAAC,CAAC;AACnG,eAAO,MAAM,cAAc;cARb,SAAS,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;sBACpC,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;wBACnD,SAAS,CAAC,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;iBAC9D,SAAS,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;oBAC5C,SAAS,CAAC,uBAAuB,CAAC,eAAe,CAAC,CAAC;+EAMrE,CAAC"}
@@ -6,9 +6,11 @@ export * from "@vaadin/grid/vaadin-grid-sorter.js";
6
6
  export { GridSorterElement, };
7
7
  export type GridSorterEventMap = Readonly<{
8
8
  onDirectionChanged: EventName<_GridSorterEventMap["direction-changed"]>;
9
+ onSorterChanged: EventName<_GridSorterEventMap["sorter-changed"]>;
9
10
  }>;
10
11
  export type GridSorterProps = WebComponentProps<GridSorterElement, GridSorterEventMap>;
11
12
  export declare const GridSorter: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<GridSorterElement, Readonly<{
12
13
  onDirectionChanged: EventName<_GridSorterEventMap["direction-changed"]>;
14
+ onSorterChanged: EventName<_GridSorterEventMap["sorter-changed"]>;
13
15
  }>>> & React.RefAttributes<GridSorterElement>) => React.ReactElement | null;
14
16
  //# sourceMappingURL=GridSorter.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"GridSorter.d.ts","sourceRoot":"","sources":["../src/generated/GridSorter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,oCAAoC,CAAC;AACtI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,kBAAkB,EAAE,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;CAC3E,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;wBAJC,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;2EAMzE,CAAC"}
1
+ {"version":3,"file":"GridSorter.d.ts","sourceRoot":"","sources":["../src/generated/GridSorter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,oCAAoC,CAAC;AACtI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,kBAAkB,EAAE,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACxE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACrE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;wBALC,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;qBACtD,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;2EAMnE,CAAC"}
@@ -8,6 +8,7 @@ export type IntegerFieldEventMap = Readonly<{
8
8
  onChange: EventName<_IntegerFieldEventMap["change"]>;
9
9
  onInput: EventName<_IntegerFieldEventMap["input"]>;
10
10
  onInvalidChanged: EventName<_IntegerFieldEventMap["invalid-changed"]>;
11
+ onUnparsableChange: EventName<_IntegerFieldEventMap["unparsable-change"]>;
11
12
  onValidated: EventName<_IntegerFieldEventMap["validated"]>;
12
13
  onValueChanged: EventName<_IntegerFieldEventMap["value-changed"]>;
13
14
  }>;
@@ -16,6 +17,7 @@ export declare const IntegerField: (props: Partial<import("../utils/createCompon
16
17
  onChange: EventName<_IntegerFieldEventMap["change"]>;
17
18
  onInput: EventName<_IntegerFieldEventMap["input"]>;
18
19
  onInvalidChanged: EventName<_IntegerFieldEventMap["invalid-changed"]>;
20
+ onUnparsableChange: EventName<_IntegerFieldEventMap["unparsable-change"]>;
19
21
  onValidated: EventName<_IntegerFieldEventMap["validated"]>;
20
22
  onValueChanged: EventName<_IntegerFieldEventMap["value-changed"]>;
21
23
  }>>> & React.RefAttributes<IntegerFieldElement>) => React.ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"IntegerField.d.ts","sourceRoot":"","sources":["../src/generated/IntegerField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,oBAAoB,IAAI,qBAAqB,EAAG,MAAM,+CAA+C,CAAC;AACzJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,WAAW,EAAE,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,cAAc,EAAE,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;CACrE,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;cARX,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;aAC3C,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;sBAChC,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;iBACxD,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;oBAC1C,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC;6EAMnE,CAAC"}
1
+ {"version":3,"file":"IntegerField.d.ts","sourceRoot":"","sources":["../src/generated/IntegerField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,KAAK,oBAAoB,IAAI,qBAAqB,EAAG,MAAM,+CAA+C,CAAC;AACzJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,kBAAkB,EAAE,SAAS,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC1E,WAAW,EAAE,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC3D,cAAc,EAAE,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;CACrE,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;cATX,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;aAC3C,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;sBAChC,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;wBACjD,SAAS,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;iBAC5D,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;oBAC1C,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC;6EAMnE,CAAC"}
@@ -8,7 +8,6 @@ export type MultiSelectComboBoxEventMap<T1> = Readonly<{
8
8
  onChange: EventName<_MultiSelectComboBoxEventMap<T1>["change"]>;
9
9
  onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>["custom-value-set"]>;
10
10
  onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>["filter-changed"]>;
11
- onInput: EventName<_MultiSelectComboBoxEventMap<T1>["input"]>;
12
11
  onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>["invalid-changed"]>;
13
12
  onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>["opened-changed"]>;
14
13
  onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>["selected-items-changed"]>;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectComboBox.d.ts","sourceRoot":"","sources":["../src/generated/MultiSelectComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,KAAK,2BAA2B,IAAI,4BAA4B,EAAG,MAAM,iEAAiE,CAAC;AACvM,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iEAAiE,CAAC;AAChF,OAAO,EAAE,0BAA0B,GAAG,CAAC;AACvC,MAAM,MAAM,2BAA2B,CAAC,EAAE,IAAI,QAAQ,CAAC;IACnD,QAAQ,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,gBAAgB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,eAAe,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/E,OAAO,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,gBAAgB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjF,eAAe,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/E,sBAAsB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC9F,WAAW,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;CACzE,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,CAAC,EAAE,IAAI,iBAAiB,CAAC,0BAA0B,CAAC,EAAE,CAAC,EAAE,2BAA2B,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9H,eAAO,MAAM,mBAAmB,EAE1B,CAAC,EAAE,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
1
+ {"version":3,"file":"MultiSelectComboBox.d.ts","sourceRoot":"","sources":["../src/generated/MultiSelectComboBox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,KAAK,2BAA2B,IAAI,4BAA4B,EAAG,MAAM,iEAAiE,CAAC;AACvM,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iEAAiE,CAAC;AAChF,OAAO,EAAE,0BAA0B,GAAG,CAAC;AACvC,MAAM,MAAM,2BAA2B,CAAC,EAAE,IAAI,QAAQ,CAAC;IACnD,QAAQ,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,gBAAgB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,eAAe,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/E,gBAAgB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjF,eAAe,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC/E,sBAAsB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC9F,WAAW,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;CACzE,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,CAAC,EAAE,IAAI,iBAAiB,CAAC,0BAA0B,CAAC,EAAE,CAAC,EAAE,2BAA2B,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9H,eAAO,MAAM,mBAAmB,EAE1B,CAAC,EAAE,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
@@ -8,6 +8,7 @@ export type NumberFieldEventMap = Readonly<{
8
8
  onChange: EventName<_NumberFieldEventMap["change"]>;
9
9
  onInput: EventName<_NumberFieldEventMap["input"]>;
10
10
  onInvalidChanged: EventName<_NumberFieldEventMap["invalid-changed"]>;
11
+ onUnparsableChange: EventName<_NumberFieldEventMap["unparsable-change"]>;
11
12
  onValidated: EventName<_NumberFieldEventMap["validated"]>;
12
13
  onValueChanged: EventName<_NumberFieldEventMap["value-changed"]>;
13
14
  }>;
@@ -16,6 +17,7 @@ export declare const NumberField: (props: Partial<import("../utils/createCompone
16
17
  onChange: EventName<_NumberFieldEventMap["change"]>;
17
18
  onInput: EventName<_NumberFieldEventMap["input"]>;
18
19
  onInvalidChanged: EventName<_NumberFieldEventMap["invalid-changed"]>;
20
+ onUnparsableChange: EventName<_NumberFieldEventMap["unparsable-change"]>;
19
21
  onValidated: EventName<_NumberFieldEventMap["validated"]>;
20
22
  onValueChanged: EventName<_NumberFieldEventMap["value-changed"]>;
21
23
  }>>> & React.RefAttributes<NumberFieldElement>) => React.ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../src/generated/NumberField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,mBAAmB,IAAI,oBAAoB,EAAG,MAAM,6CAA6C,CAAC;AACnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,gBAAgB,EAAE,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrE,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;CACpE,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;cARV,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;aAC1C,SAAS,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;sBAC/B,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;iBACvD,SAAS,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;oBACzC,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;4EAMlE,CAAC"}
1
+ {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../src/generated/NumberField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,KAAK,mBAAmB,IAAI,oBAAoB,EAAG,MAAM,6CAA6C,CAAC;AACnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,kBAAkB,GAAG,CAAC;AAC/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,OAAO,EAAE,SAAS,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,gBAAgB,EAAE,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrE,kBAAkB,EAAE,SAAS,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACzE,WAAW,EAAE,SAAS,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;CACpE,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAC1F,eAAO,MAAM,WAAW;cATV,SAAS,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;aAC1C,SAAS,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;sBAC/B,SAAS,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;wBAChD,SAAS,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;iBAC3D,SAAS,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;oBACzC,SAAS,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC;4EAMlE,CAAC"}
@@ -6,18 +6,18 @@ export * from "@vaadin/time-picker/vaadin-time-picker.js";
6
6
  export { TimePickerElement, };
7
7
  export type TimePickerEventMap = Readonly<{
8
8
  onChange: EventName<_TimePickerEventMap["change"]>;
9
- onInput: EventName<_TimePickerEventMap["input"]>;
10
9
  onInvalidChanged: EventName<_TimePickerEventMap["invalid-changed"]>;
11
10
  onOpenedChanged: EventName<_TimePickerEventMap["opened-changed"]>;
11
+ onUnparsableChange: EventName<_TimePickerEventMap["unparsable-change"]>;
12
12
  onValidated: EventName<_TimePickerEventMap["validated"]>;
13
13
  onValueChanged: EventName<_TimePickerEventMap["value-changed"]>;
14
14
  }>;
15
15
  export type TimePickerProps = WebComponentProps<TimePickerElement, TimePickerEventMap>;
16
16
  export declare const TimePicker: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<TimePickerElement, Readonly<{
17
17
  onChange: EventName<_TimePickerEventMap["change"]>;
18
- onInput: EventName<_TimePickerEventMap["input"]>;
19
18
  onInvalidChanged: EventName<_TimePickerEventMap["invalid-changed"]>;
20
19
  onOpenedChanged: EventName<_TimePickerEventMap["opened-changed"]>;
20
+ onUnparsableChange: EventName<_TimePickerEventMap["unparsable-change"]>;
21
21
  onValidated: EventName<_TimePickerEventMap["validated"]>;
22
22
  onValueChanged: EventName<_TimePickerEventMap["value-changed"]>;
23
23
  }>>> & React.RefAttributes<TimePickerElement>) => React.ReactElement | null;
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/generated/TimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,2CAA2C,CAAC;AAC7I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,gBAAgB,EAAE,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;CACnE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;cATT,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;aACzC,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;sBAC9B,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;qBAClD,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;iBACpD,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;oBACxC,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;2EAMjE,CAAC"}
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../src/generated/TimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,KAAK,kBAAkB,IAAI,mBAAmB,EAAG,MAAM,2CAA2C,CAAC;AAC7I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,2CAA2C,CAAC;AAC1D,OAAO,EAAE,iBAAiB,GAAG,CAAC;AAC9B,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACpE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,kBAAkB,EAAE,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACxE,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;CACnE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;cATT,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;sBAChC,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;qBAClD,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;wBAC7C,SAAS,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;iBAC1D,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;oBACxC,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;2EAMjE,CAAC"}
@@ -6,6 +6,7 @@ export * from "@vaadin/upload/vaadin-upload.js";
6
6
  export { UploadElement, };
7
7
  export type UploadEventMap = Readonly<{
8
8
  onFileReject: EventName<_UploadEventMap["file-reject"]>;
9
+ onFileRemove: EventName<_UploadEventMap["file-remove"]>;
9
10
  onFilesChanged: EventName<_UploadEventMap["files-changed"]>;
10
11
  onMaxFilesReachedChanged: EventName<_UploadEventMap["max-files-reached-changed"]>;
11
12
  onUploadAbort: EventName<_UploadEventMap["upload-abort"]>;
@@ -21,6 +22,7 @@ export type UploadEventMap = Readonly<{
21
22
  export type UploadProps = WebComponentProps<UploadElement, UploadEventMap>;
22
23
  export declare const Upload: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<UploadElement, Readonly<{
23
24
  onFileReject: EventName<_UploadEventMap["file-reject"]>;
25
+ onFileRemove: EventName<_UploadEventMap["file-remove"]>;
24
26
  onFilesChanged: EventName<_UploadEventMap["files-changed"]>;
25
27
  onMaxFilesReachedChanged: EventName<_UploadEventMap["max-files-reached-changed"]>;
26
28
  onUploadAbort: EventName<_UploadEventMap["upload-abort"]>;
@@ -1 +1 @@
1
- {"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../src/generated/Upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,cAAc,IAAI,eAAe,EAAG,MAAM,iCAAiC,CAAC;AACnH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAClC,YAAY,EAAE,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,cAAc,EAAE,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,wBAAwB,EAAE,SAAS,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAClF,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,gBAAgB,EAAE,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAChE,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC9D,gBAAgB,EAAE,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAChE,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACjE,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM;kBAfD,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;oBACvC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;8BACjC,SAAS,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;mBAClE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;oBACzC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;mBAC5C,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;sBACvC,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;qBAC9C,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;sBAC3C,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;mBAChD,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;mBAC1C,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;qBACxC,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;uEAM/D,CAAC"}
1
+ {"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../src/generated/Upload.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,KAAK,cAAc,IAAI,eAAe,EAAG,MAAM,iCAAiC,CAAC;AACnH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,GAAG,CAAC;AAC1B,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IAClC,YAAY,EAAE,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,YAAY,EAAE,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC;IACxD,cAAc,EAAE,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,wBAAwB,EAAE,SAAS,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAClF,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,gBAAgB,EAAE,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAChE,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC9D,gBAAgB,EAAE,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAChE,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,aAAa,EAAE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IAC1D,eAAe,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACjE,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAC3E,eAAO,MAAM,MAAM;kBAhBD,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;kBACzC,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;oBACvC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;8BACjC,SAAS,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;mBAClE,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;oBACzC,SAAS,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;mBAC5C,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;sBACvC,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;qBAC9C,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;sBAC3C,SAAS,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;mBAChD,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;mBAC1C,SAAS,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;qBACxC,SAAS,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;uEAM/D,CAAC"}
package/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from "./AccordionHeading.js";
2
- export * from "./AccordionPanel.js";
3
2
  export * from "./Accordion.js";
3
+ export * from "./AccordionPanel.js";
4
4
  export * from "./AppLayout.js";
5
5
  export * from "./DrawerToggle.js";
6
6
  export * from "./Avatar.js";
@@ -25,17 +25,17 @@ export * from "./FormLayout.js";
25
25
  export * from "./FormRow.js";
26
26
  export * from "./GridColumnGroup.js";
27
27
  export * from "./GridColumn.js";
28
- export * from "./GridFilter.js";
29
28
  export * from "./GridFilterColumn.js";
29
+ export * from "./GridFilter.js";
30
30
  export * from "./GridSelectionColumn.js";
31
- export * from "./GridSorter.js";
32
31
  export * from "./GridSortColumn.js";
33
- export * from "./GridTreeToggle.js";
32
+ export * from "./GridSorter.js";
34
33
  export * from "./GridTreeColumn.js";
34
+ export * from "./GridTreeToggle.js";
35
35
  export * from "./Grid.js";
36
36
  export * from "./HorizontalLayout.js";
37
- export * from "./Iconset.js";
38
37
  export * from "./Icon.js";
38
+ export * from "./Iconset.js";
39
39
  export * from "./IntegerField.js";
40
40
  export * from "./Item.js";
41
41
  export * from "./ListBox.js";
@@ -45,8 +45,8 @@ export * from "./Markdown.js";
45
45
  export * from "./MasterDetailLayout.js";
46
46
  export * from "./MenuBar.js";
47
47
  export * from "./MessageInput.js";
48
- export * from "./Message.js";
49
48
  export * from "./MessageList.js";
49
+ export * from "./Message.js";
50
50
  export * from "./MultiSelectComboBox.js";
51
51
  export * from "./Notification.js";
52
52
  export * from "./NumberField.js";
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export * from "./AccordionHeading.js";
2
- export * from "./AccordionPanel.js";
3
2
  export * from "./Accordion.js";
3
+ export * from "./AccordionPanel.js";
4
4
  export * from "./AppLayout.js";
5
5
  export * from "./DrawerToggle.js";
6
6
  export * from "./Avatar.js";
@@ -25,17 +25,17 @@ export * from "./FormLayout.js";
25
25
  export * from "./FormRow.js";
26
26
  export * from "./GridColumnGroup.js";
27
27
  export * from "./GridColumn.js";
28
- export * from "./GridFilter.js";
29
28
  export * from "./GridFilterColumn.js";
29
+ export * from "./GridFilter.js";
30
30
  export * from "./GridSelectionColumn.js";
31
- export * from "./GridSorter.js";
32
31
  export * from "./GridSortColumn.js";
33
- export * from "./GridTreeToggle.js";
32
+ export * from "./GridSorter.js";
34
33
  export * from "./GridTreeColumn.js";
34
+ export * from "./GridTreeToggle.js";
35
35
  export * from "./Grid.js";
36
36
  export * from "./HorizontalLayout.js";
37
- export * from "./Iconset.js";
38
37
  export * from "./Icon.js";
38
+ export * from "./Iconset.js";
39
39
  export * from "./IntegerField.js";
40
40
  export * from "./Item.js";
41
41
  export * from "./ListBox.js";
@@ -45,8 +45,8 @@ export * from "./Markdown.js";
45
45
  export * from "./MasterDetailLayout.js";
46
46
  export * from "./MenuBar.js";
47
47
  export * from "./MessageInput.js";
48
- export * from "./Message.js";
49
48
  export * from "./MessageList.js";
49
+ export * from "./Message.js";
50
50
  export * from "./MultiSelectComboBox.js";
51
51
  export * from "./Notification.js";
52
52
  export * from "./NumberField.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/react-components",
3
- "version": "25.2.0-alpha1",
3
+ "version": "25.2.0-alpha11",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -27,68 +27,68 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@lit/react": "^1.0.7",
30
- "@vaadin/a11y-base": "25.2.0-alpha1",
31
- "@vaadin/accordion": "25.2.0-alpha1",
32
- "@vaadin/app-layout": "25.2.0-alpha1",
33
- "@vaadin/avatar": "25.2.0-alpha1",
34
- "@vaadin/avatar-group": "25.2.0-alpha1",
35
- "@vaadin/badge": "25.2.0-alpha1",
36
- "@vaadin/button": "25.2.0-alpha1",
37
- "@vaadin/card": "25.2.0-alpha1",
38
- "@vaadin/checkbox": "25.2.0-alpha1",
39
- "@vaadin/checkbox-group": "25.2.0-alpha1",
40
- "@vaadin/combo-box": "25.2.0-alpha1",
41
- "@vaadin/component-base": "25.2.0-alpha1",
42
- "@vaadin/confirm-dialog": "25.2.0-alpha1",
43
- "@vaadin/context-menu": "25.2.0-alpha1",
44
- "@vaadin/custom-field": "25.2.0-alpha1",
45
- "@vaadin/date-picker": "25.2.0-alpha1",
46
- "@vaadin/date-time-picker": "25.2.0-alpha1",
47
- "@vaadin/details": "25.2.0-alpha1",
48
- "@vaadin/dialog": "25.2.0-alpha1",
49
- "@vaadin/email-field": "25.2.0-alpha1",
50
- "@vaadin/field-base": "25.2.0-alpha1",
51
- "@vaadin/field-highlighter": "25.2.0-alpha1",
52
- "@vaadin/form-layout": "25.2.0-alpha1",
53
- "@vaadin/grid": "25.2.0-alpha1",
54
- "@vaadin/horizontal-layout": "25.2.0-alpha1",
55
- "@vaadin/icon": "25.2.0-alpha1",
56
- "@vaadin/icons": "25.2.0-alpha1",
57
- "@vaadin/input-container": "25.2.0-alpha1",
58
- "@vaadin/integer-field": "25.2.0-alpha1",
59
- "@vaadin/item": "25.2.0-alpha1",
60
- "@vaadin/list-box": "25.2.0-alpha1",
61
- "@vaadin/lit-renderer": "25.2.0-alpha1",
62
- "@vaadin/login": "25.2.0-alpha1",
63
- "@vaadin/markdown": "25.2.0-alpha1",
64
- "@vaadin/master-detail-layout": "25.2.0-alpha1",
65
- "@vaadin/menu-bar": "25.2.0-alpha1",
66
- "@vaadin/message-input": "25.2.0-alpha1",
67
- "@vaadin/message-list": "25.2.0-alpha1",
68
- "@vaadin/multi-select-combo-box": "25.2.0-alpha1",
69
- "@vaadin/notification": "25.2.0-alpha1",
70
- "@vaadin/number-field": "25.2.0-alpha1",
71
- "@vaadin/overlay": "25.2.0-alpha1",
72
- "@vaadin/password-field": "25.2.0-alpha1",
73
- "@vaadin/popover": "25.2.0-alpha1",
74
- "@vaadin/progress-bar": "25.2.0-alpha1",
75
- "@vaadin/radio-group": "25.2.0-alpha1",
76
- "@vaadin/scroller": "25.2.0-alpha1",
77
- "@vaadin/select": "25.2.0-alpha1",
78
- "@vaadin/side-nav": "25.2.0-alpha1",
79
- "@vaadin/slider": "25.2.0-alpha1",
80
- "@vaadin/split-layout": "25.2.0-alpha1",
81
- "@vaadin/tabs": "25.2.0-alpha1",
82
- "@vaadin/tabsheet": "25.2.0-alpha1",
83
- "@vaadin/text-area": "25.2.0-alpha1",
84
- "@vaadin/text-field": "25.2.0-alpha1",
85
- "@vaadin/time-picker": "25.2.0-alpha1",
86
- "@vaadin/tooltip": "25.2.0-alpha1",
87
- "@vaadin/upload": "25.2.0-alpha1",
88
- "@vaadin/vaadin-lumo-styles": "25.2.0-alpha1",
89
- "@vaadin/vaadin-themable-mixin": "25.2.0-alpha1",
90
- "@vaadin/vertical-layout": "25.2.0-alpha1",
91
- "@vaadin/virtual-list": "25.2.0-alpha1"
30
+ "@vaadin/a11y-base": "25.2.0-alpha11",
31
+ "@vaadin/accordion": "25.2.0-alpha11",
32
+ "@vaadin/app-layout": "25.2.0-alpha11",
33
+ "@vaadin/avatar": "25.2.0-alpha11",
34
+ "@vaadin/avatar-group": "25.2.0-alpha11",
35
+ "@vaadin/badge": "25.2.0-alpha11",
36
+ "@vaadin/button": "25.2.0-alpha11",
37
+ "@vaadin/card": "25.2.0-alpha11",
38
+ "@vaadin/checkbox": "25.2.0-alpha11",
39
+ "@vaadin/checkbox-group": "25.2.0-alpha11",
40
+ "@vaadin/combo-box": "25.2.0-alpha11",
41
+ "@vaadin/component-base": "25.2.0-alpha11",
42
+ "@vaadin/confirm-dialog": "25.2.0-alpha11",
43
+ "@vaadin/context-menu": "25.2.0-alpha11",
44
+ "@vaadin/custom-field": "25.2.0-alpha11",
45
+ "@vaadin/date-picker": "25.2.0-alpha11",
46
+ "@vaadin/date-time-picker": "25.2.0-alpha11",
47
+ "@vaadin/details": "25.2.0-alpha11",
48
+ "@vaadin/dialog": "25.2.0-alpha11",
49
+ "@vaadin/email-field": "25.2.0-alpha11",
50
+ "@vaadin/field-base": "25.2.0-alpha11",
51
+ "@vaadin/field-highlighter": "25.2.0-alpha11",
52
+ "@vaadin/form-layout": "25.2.0-alpha11",
53
+ "@vaadin/grid": "25.2.0-alpha11",
54
+ "@vaadin/horizontal-layout": "25.2.0-alpha11",
55
+ "@vaadin/icon": "25.2.0-alpha11",
56
+ "@vaadin/icons": "25.2.0-alpha11",
57
+ "@vaadin/input-container": "25.2.0-alpha11",
58
+ "@vaadin/integer-field": "25.2.0-alpha11",
59
+ "@vaadin/item": "25.2.0-alpha11",
60
+ "@vaadin/list-box": "25.2.0-alpha11",
61
+ "@vaadin/lit-renderer": "25.2.0-alpha11",
62
+ "@vaadin/login": "25.2.0-alpha11",
63
+ "@vaadin/markdown": "25.2.0-alpha11",
64
+ "@vaadin/master-detail-layout": "25.2.0-alpha11",
65
+ "@vaadin/menu-bar": "25.2.0-alpha11",
66
+ "@vaadin/message-input": "25.2.0-alpha11",
67
+ "@vaadin/message-list": "25.2.0-alpha11",
68
+ "@vaadin/multi-select-combo-box": "25.2.0-alpha11",
69
+ "@vaadin/notification": "25.2.0-alpha11",
70
+ "@vaadin/number-field": "25.2.0-alpha11",
71
+ "@vaadin/overlay": "25.2.0-alpha11",
72
+ "@vaadin/password-field": "25.2.0-alpha11",
73
+ "@vaadin/popover": "25.2.0-alpha11",
74
+ "@vaadin/progress-bar": "25.2.0-alpha11",
75
+ "@vaadin/radio-group": "25.2.0-alpha11",
76
+ "@vaadin/scroller": "25.2.0-alpha11",
77
+ "@vaadin/select": "25.2.0-alpha11",
78
+ "@vaadin/side-nav": "25.2.0-alpha11",
79
+ "@vaadin/slider": "25.2.0-alpha11",
80
+ "@vaadin/split-layout": "25.2.0-alpha11",
81
+ "@vaadin/tabs": "25.2.0-alpha11",
82
+ "@vaadin/tabsheet": "25.2.0-alpha11",
83
+ "@vaadin/text-area": "25.2.0-alpha11",
84
+ "@vaadin/text-field": "25.2.0-alpha11",
85
+ "@vaadin/time-picker": "25.2.0-alpha11",
86
+ "@vaadin/tooltip": "25.2.0-alpha11",
87
+ "@vaadin/upload": "25.2.0-alpha11",
88
+ "@vaadin/vaadin-lumo-styles": "25.2.0-alpha11",
89
+ "@vaadin/vaadin-themable-mixin": "25.2.0-alpha11",
90
+ "@vaadin/vertical-layout": "25.2.0-alpha11",
91
+ "@vaadin/virtual-list": "25.2.0-alpha11"
92
92
  },
93
93
  "author": "Vaadin Ltd.",
94
94
  "license": "Apache-2.0",
@@ -1,4 +1,4 @@
1
- import type { type ComboBoxElement, type ComboBoxItemModel } from '../generated/ComboBox.js';
1
+ import type { ComboBoxElement, ComboBoxItemModel } from '../generated/ComboBox.js';
2
2
  import type { ReactModelRendererProps } from './useModelRenderer.js';
3
3
 
4
4
  export type ComboBoxReactRendererProps<TItem> = ReactModelRendererProps<
@@ -1,5 +1,5 @@
1
- import type { type ComboBoxItemModel } from '../generated/ComboBox.js';
2
- import type { type MultiSelectComboBoxElement } from '../generated/MultiSelectComboBox.js';
1
+ import type { ComboBoxItemModel } from '../generated/ComboBox.js';
2
+ import type { MultiSelectComboBoxElement } from '../generated/MultiSelectComboBox.js';
3
3
  import type { ReactModelRendererProps } from './useModelRenderer.js';
4
4
 
5
5
  export type MultiSelectComboBoxReactRendererProps<TItem> = ReactModelRendererProps<
@@ -1,2 +1,2 @@
1
- import{createElement as p,useCallback as l,useReducer as i}from"react";import{createPortal as m,flushSync as W}from"react-dom";import{flushMicrotask as c}from"../utils/flushMicrotask.js";const R=new Map;function u(r,[t,...n]){return new Map(r).set(t,n)}function y(r,t,n){const[d,o]=i(u,R),a=l((...e)=>{n?.renderMode==="microtask"?c(()=>o(e)):n?.renderMode==="sync"?W(()=>o(e)):o(e)},[]);return r?[Array.from(d.entries()).filter(([e,s])=>n?.shouldRenderPortal?.(e,...s)??!0).map(([e,s])=>m(t?p(r,t(s)):r,e)),a]:[]}export{y as useRenderer};
1
+ import{createElement as p,useCallback as l,useReducer as i}from"react";import{createPortal as m,flushSync as W}from"react-dom";import{flushMicrotask as c}from"../utils/flushMicrotask.js";const R=new Map;function u(r,[t,...n]){return new Map(r).set(t,n)}function y(r,t,n){const[d,o]=i(u,R),a=l(((...e)=>{n?.renderMode==="microtask"?c(()=>o(e)):n?.renderMode==="sync"?W(()=>o(e)):o(e)}),[]);return r?[Array.from(d.entries()).filter(([e,s])=>n?.shouldRenderPortal?.(e,...s)??!0).map(([e,s])=>m(t?p(r,t(s)):r,e)),a]:[]}export{y as useRenderer};
2
2
  //# sourceMappingURL=useRenderer.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../src/renderers/useRenderer.ts"],
4
4
  "sourcesContent": ["import {\n type ComponentType,\n createElement,\n type PropsWithChildren,\n type ReactElement,\n type ReactNode,\n useCallback,\n useReducer,\n} from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport type { Slice, WebComponentRenderer } from './renderer.js';\nimport { flushMicrotask } from '../utils/flushMicrotask.js';\n\nexport type UseRendererResult<W extends WebComponentRenderer> = readonly [\n portals?: ReadonlyArray<ReactElement | null>,\n renderer?: W,\n];\n\nconst initialState = new Map();\n\nfunction rendererReducer<W extends WebComponentRenderer>(\n state: Map<HTMLElement, Slice<Parameters<W>, 1>>,\n [root, ...args]: Parameters<W>,\n): Map<HTMLElement, Slice<Parameters<W>, 1>> {\n return new Map(state).set(root, args as Slice<Parameters<W>, 1>);\n}\n\nexport type RendererConfig<W extends WebComponentRenderer> = {\n renderMode?: 'default' | 'sync' | 'microtask';\n shouldRenderPortal?(root: HTMLElement, ...args: Slice<Parameters<W>, 1>): boolean;\n};\n\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n node: ReactNode,\n convert?: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n config?: RendererConfig<W>,\n): UseRendererResult<W>;\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n reactRenderer: ComponentType<P> | null | undefined,\n convert: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n config?: RendererConfig<W>,\n): UseRendererResult<W>;\nexport function useRenderer<P extends {}, W extends WebComponentRenderer>(\n reactRendererOrNode: ReactNode | ComponentType<P> | null | undefined,\n convert?: (props: Slice<Parameters<W>, 1>) => PropsWithChildren<P>,\n config?: RendererConfig<W>,\n): UseRendererResult<W> {\n const [map, update] = useReducer(rendererReducer, initialState);\n const renderer = useCallback(\n ((...args: Parameters<W>) => {\n if (config?.renderMode === 'microtask') {\n flushMicrotask(() => update(args));\n } else if (config?.renderMode === 'sync') {\n flushSync(() => update(args));\n } else {\n update(args);\n }\n }) as W,\n [],\n );\n\n return reactRendererOrNode\n ? [\n Array.from(map.entries())\n .filter(([root, args]) => {\n return config?.shouldRenderPortal?.(root, ...args) ?? true;\n })\n .map(([root, args]) =>\n createPortal(\n convert\n ? createElement<P>(reactRendererOrNode as ComponentType<P>, convert(args))\n : (reactRendererOrNode as ReactNode),\n root,\n ),\n ),\n renderer,\n ]\n : [];\n}\n"],
5
- "mappings": "AAAA,OAEE,iBAAAA,EAIA,eAAAC,EACA,cAAAC,MACK,QACP,OAAS,gBAAAC,EAAc,aAAAC,MAAiB,YAExC,OAAS,kBAAAC,MAAsB,6BAO/B,MAAMC,EAAe,IAAI,IAEzB,SAASC,EACPC,EACA,CAACC,EAAM,GAAGC,CAAI,EAC6B,CAC3C,OAAO,IAAI,IAAIF,CAAK,EAAE,IAAIC,EAAMC,CAA+B,CACjE,CAiBO,SAASC,EACdC,EACAC,EACAC,EACsB,CACtB,KAAM,CAACC,EAAKC,CAAM,EAAId,EAAWK,EAAiBD,CAAY,EACxDW,EAAWhB,EACd,IAAIS,IAAwB,CACvBI,GAAQ,aAAe,YACzBT,EAAe,IAAMW,EAAON,CAAI,CAAC,EACxBI,GAAQ,aAAe,OAChCV,EAAU,IAAMY,EAAON,CAAI,CAAC,EAE5BM,EAAON,CAAI,CAEf,EACA,CAAC,CACH,EAEA,OAAOE,EACH,CACE,MAAM,KAAKG,EAAI,QAAQ,CAAC,EACrB,OAAO,CAAC,CAACN,EAAMC,CAAI,IACXI,GAAQ,qBAAqBL,EAAM,GAAGC,CAAI,GAAK,EACvD,EACA,IAAI,CAAC,CAACD,EAAMC,CAAI,IACfP,EACEU,EACIb,EAAiBY,EAAyCC,EAAQH,CAAI,CAAC,EACtEE,EACLH,CACF,CACF,EACFQ,CACF,EACA,CAAC,CACP",
5
+ "mappings": "AAAA,OAEE,iBAAAA,EAIA,eAAAC,EACA,cAAAC,MACK,QACP,OAAS,gBAAAC,EAAc,aAAAC,MAAiB,YAExC,OAAS,kBAAAC,MAAsB,6BAO/B,MAAMC,EAAe,IAAI,IAEzB,SAASC,EACPC,EACA,CAACC,EAAM,GAAGC,CAAI,EAC6B,CAC3C,OAAO,IAAI,IAAIF,CAAK,EAAE,IAAIC,EAAMC,CAA+B,CACjE,CAiBO,SAASC,EACdC,EACAC,EACAC,EACsB,CACtB,KAAM,CAACC,EAAKC,CAAM,EAAId,EAAWK,EAAiBD,CAAY,EACxDW,EAAWhB,GACd,IAAIS,IAAwB,CACvBI,GAAQ,aAAe,YACzBT,EAAe,IAAMW,EAAON,CAAI,CAAC,EACxBI,GAAQ,aAAe,OAChCV,EAAU,IAAMY,EAAON,CAAI,CAAC,EAE5BM,EAAON,CAAI,CAEf,GACA,CAAC,CACH,EAEA,OAAOE,EACH,CACE,MAAM,KAAKG,EAAI,QAAQ,CAAC,EACrB,OAAO,CAAC,CAACN,EAAMC,CAAI,IACXI,GAAQ,qBAAqBL,EAAM,GAAGC,CAAI,GAAK,EACvD,EACA,IAAI,CAAC,CAACD,EAAMC,CAAI,IACfP,EACEU,EACIb,EAAiBY,EAAyCC,EAAQH,CAAI,CAAC,EACtEE,EACLH,CACF,CACF,EACFQ,CACF,EACA,CAAC,CACP",
6
6
  "names": ["createElement", "useCallback", "useReducer", "createPortal", "flushSync", "flushMicrotask", "initialState", "rendererReducer", "state", "root", "args", "useRenderer", "reactRendererOrNode", "convert", "config", "map", "update", "renderer"]
7
7
  }
@@ -1,2 +1,2 @@
1
- import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.2.0-alpha1"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
1
+ import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.2.0-alpha11"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
2
2
  //# sourceMappingURL=createComponent.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/utils/createComponent.ts"],
4
- "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n interface VaadinRegistration {\n is: string;\n version: string;\n }\n\n interface Vaadin {\n registrations?: VaadinRegistration[];\n }\n\n interface Window {\n // @ts-expect-error: Different declaration from one of the dependencies.\n Vaadin?: Vaadin;\n }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n is: '@vaadin/react-components',\n version: /* updated-by-script */ '25.2.0-alpha1',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n displayName?: string;\n elementClass: Constructor<I> | PolymerConstructor<I>;\n events?: E;\n react: typeof window.React;\n tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n EventListeners<E> &\n ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n I extends ThemePropertyMixinClass & HTMLElement,\n E extends EventNames = {},\n> = ComponentProps<I, E> & {\n /**\n * Attribute that can be used by the component to apply built-in style variants,\n * or to propagate its value to the sub-components in Shadow DOM.\n *\n * @see ThemePropertyMixinClass#_theme\n */\n theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n ? ThemedWebComponentProps<I, E>\n : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n const { elementClass } = options;\n\n return _createComponent(\n '_properties' in elementClass\n ? {\n ...options,\n // TODO: improve or remove the Polymer workaround\n // 'createComponent' relies on key presence on the custom element class,\n // but Polymer defines properties on the prototype when the first element\n // is created. Workaround: pass a mock object with properties in\n // the prototype.\n elementClass: {\n // @ts-expect-error: it is a specific workaround for Polymer classes.\n name: elementClass.name,\n prototype: { ...elementClass._properties, hidden: Boolean },\n },\n }\n : options,\n );\n}\n"],
5
- "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,eACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
4
+ "sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n interface VaadinRegistration {\n is: string;\n version: string;\n }\n\n interface Vaadin {\n registrations?: VaadinRegistration[];\n }\n\n interface Window {\n // @ts-expect-error: Different declaration from one of the dependencies.\n Vaadin?: Vaadin;\n }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n is: '@vaadin/react-components',\n version: /* updated-by-script */ '25.2.0-alpha11',\n});\n\n// TODO: Remove when types from @lit-labs/react are exported\nexport type EventNames = Record<string, EventName | string>;\ntype Constructor<T> = { new (): T; name: string };\ntype PolymerConstructor<T> = Constructor<T> & { _properties: Record<string, unknown> };\ntype Options<I extends HTMLElement, E extends EventNames = {}> = Readonly<{\n displayName?: string;\n elementClass: Constructor<I> | PolymerConstructor<I>;\n events?: E;\n react: typeof window.React;\n tagName: string;\n}>;\n\n// A map of expected event listener types based on EventNames.\ntype EventListeners<R extends EventNames> = {\n [K in keyof R]?: R[K] extends EventName ? (e: R[K]['__eventType']) => void : (e: Event) => void;\n};\n\n// Props derived from custom element class. Currently has limitations of making\n// all properties optional and also surfaces life cycle methods in autocomplete.\n// TODO: LoginOverlay has \"autofocus\" property, so we add it back manually.\ntype ElementProps<I> = Partial<Omit<I, keyof HTMLElement>> & { autofocus?: boolean };\n\n// Acceptable props to the React component.\ntype ComponentProps<I, E extends EventNames = {}> = Omit<\n React.HTMLAttributes<I>,\n // Prefer type of provided event handler props or those on element over\n // built-in HTMLAttributes\n keyof E | keyof ElementProps<I>\n> &\n EventListeners<E> &\n ElementProps<I>;\n\nexport type ThemedWebComponentProps<\n I extends ThemePropertyMixinClass & HTMLElement,\n E extends EventNames = {},\n> = ComponentProps<I, E> & {\n /**\n * Attribute that can be used by the component to apply built-in style variants,\n * or to propagate its value to the sub-components in Shadow DOM.\n *\n * @see ThemePropertyMixinClass#_theme\n */\n theme?: string;\n};\n\ntype AllWebComponentProps<I extends HTMLElement, E extends EventNames = {}> = I extends ThemePropertyMixinClass\n ? ThemedWebComponentProps<I, E>\n : ComponentProps<I, E>;\n\nexport type WebComponentProps<I extends HTMLElement, E extends EventNames = {}> = Partial<AllWebComponentProps<I, E>>;\n\n// We need a separate declaration here; otherwise, the TypeScript fails into the\n// endless loop trying to resolve the typings.\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(\n options: Options<I, E>,\n): (props: WebComponentProps<I, E> & RefAttributes<I>) => React.ReactElement | null;\n\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>(options: Options<I, E>): any {\n const { elementClass } = options;\n\n return _createComponent(\n '_properties' in elementClass\n ? {\n ...options,\n // TODO: improve or remove the Polymer workaround\n // 'createComponent' relies on key presence on the custom element class,\n // but Polymer defines properties on the prototype when the first element\n // is created. Workaround: pass a mock object with properties in\n // the prototype.\n elementClass: {\n // @ts-expect-error: it is a specific workaround for Polymer classes.\n name: elementClass.name,\n prototype: { ...elementClass._properties, hidden: Boolean },\n },\n }\n : options,\n );\n}\n"],
5
+ "mappings": "AAAA,OAAS,mBAAmBA,MAAwC,aAuBpE,OAAO,SAAW,CAAC,EACnB,OAAO,OAAO,gBAAkB,CAAC,EACjC,OAAO,OAAO,cAAc,KAAK,CAC/B,GAAI,2BACJ,QAAiC,gBACnC,CAAC,EA2DM,SAASC,EAAkEC,EAA6B,CAC7G,KAAM,CAAE,aAAAC,CAAa,EAAID,EAEzB,OAAOF,EACL,gBAAiBG,EACb,CACE,GAAGD,EAMH,aAAc,CAEZ,KAAMC,EAAa,KACnB,UAAW,CAAE,GAAGA,EAAa,YAAa,OAAQ,OAAQ,CAC5D,CACF,EACAD,CACN,CACF",
6
6
  "names": ["_createComponent", "createComponent", "options", "elementClass"]
7
7
  }