@vaadin/react-components 24.5.0-rc2 → 24.6.0-alpha1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ComboBox.js.map +1 -1
- package/ComboBoxLight.js.map +1 -1
- package/Grid.js.map +1 -1
- package/MultiSelectComboBox.js.map +1 -1
- package/index.d.ts +7 -7
- package/index.js +7 -7
- package/package.json +59 -59
- package/utils/createComponent.js +1 -1
- package/utils/createComponent.js.map +2 -2
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 onValidated: EventName<_ComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_ComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_ComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_ComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemChanged: EventName<_ComboBoxEventMap<T1>[\"selected-item-changed\"]>;\n onValueChanged: EventName<_ComboBoxEventMap<T1>[\"value-changed\"]>;\n onInvalidChanged: EventName<_ComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_ComboBoxEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\" } as ComboBoxEventMap<
|
|
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 onValidated: EventName<_ComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_ComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_ComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_ComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemChanged: EventName<_ComboBoxEventMap<T1>[\"selected-item-changed\"]>;\n onValueChanged: EventName<_ComboBoxEventMap<T1>[\"value-changed\"]>;\n onInvalidChanged: EventName<_ComboBoxEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_ComboBoxEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-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
5
|
"mappings": "AAAA,WAAc,wCAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,YAAYC,MAAoE,wCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAaxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,mBAAoB,sBAAuB,wBAAyB,eAAgB,gBAAiB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,gBAAiB,gBAAiB,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",
|
|
6
6
|
"names": ["forwardRef", "ComboBoxElement", "React", "createComponent", "events", "ComboBox", "createComponent", "ComboBoxElement", "React", "useModelRenderer", "jsxs", "ComboBox", "props", "ref", "portals", "renderer", "ForwardedComboBox", "forwardRef"]
|
|
7
7
|
}
|
package/ComboBoxLight.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/ComboBoxLight.tsx", "src/generated/ComboBoxLight.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n ComboBoxLight as _ComboBoxLight,\n type ComboBoxLightElement,\n type ComboBoxLightProps as _ComboBoxLightProps,\n} from './generated/ComboBoxLight.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBoxLight.js';\n\nexport type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction ComboBoxLight<TItem = ComboBoxDefaultItem>(\n props: ComboBoxLightProps<TItem>,\n ref: ForwardedRef<ComboBoxLightElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_ComboBoxLight<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_ComboBoxLight>\n );\n}\n\nconst ForwardedComboBoxLight = forwardRef(ComboBoxLight) as <TItem = ComboBoxDefaultItem>(\n props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBoxLight as ComboBoxLight };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBoxLight as ComboBoxLightElement, type ComboBoxLightEventMap as _ComboBoxLightEventMap, } from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxLightElement, };\nexport type ComboBoxLightEventMap<T1> = Readonly<{\n onValidated: EventName<_ComboBoxLightEventMap<T1>[\"validated\"]>;\n onChange: EventName<_ComboBoxLightEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_ComboBoxLightEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemChanged: EventName<_ComboBoxLightEventMap<T1>[\"selected-item-changed\"]>;\n onValueChanged: EventName<_ComboBoxLightEventMap<T1>[\"value-changed\"]>;\n onInvalidChanged: EventName<_ComboBoxLightEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxLightEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_ComboBoxLightEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\" } as ComboBoxLightEventMap<
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n ComboBoxLight as _ComboBoxLight,\n type ComboBoxLightElement,\n type ComboBoxLightProps as _ComboBoxLightProps,\n} from './generated/ComboBoxLight.js';\nimport type { ComboBoxReactRendererProps } from './renderers/combobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/ComboBoxLight.js';\n\nexport type ComboBoxLightProps<TItem> = Partial<Omit<_ComboBoxLightProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<ComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction ComboBoxLight<TItem = ComboBoxDefaultItem>(\n props: ComboBoxLightProps<TItem>,\n ref: ForwardedRef<ComboBoxLightElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_ComboBoxLight<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_ComboBoxLight>\n );\n}\n\nconst ForwardedComboBoxLight = forwardRef(ComboBoxLight) as <TItem = ComboBoxDefaultItem>(\n props: ComboBoxLightProps<TItem> & RefAttributes<ComboBoxLightElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedComboBoxLight as ComboBoxLight };\n", "import type { EventName } from \"@lit/react\";\nimport { ComboBoxLight as ComboBoxLightElement, type ComboBoxLightEventMap as _ComboBoxLightEventMap, } from \"@vaadin/combo-box/vaadin-combo-box-light.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { ComboBoxLightElement, };\nexport type ComboBoxLightEventMap<T1> = Readonly<{\n onValidated: EventName<_ComboBoxLightEventMap<T1>[\"validated\"]>;\n onChange: EventName<_ComboBoxLightEventMap<T1>[\"change\"]>;\n onCustomValueSet: EventName<_ComboBoxLightEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemChanged: EventName<_ComboBoxLightEventMap<T1>[\"selected-item-changed\"]>;\n onValueChanged: EventName<_ComboBoxLightEventMap<T1>[\"value-changed\"]>;\n onInvalidChanged: EventName<_ComboBoxLightEventMap<T1>[\"invalid-changed\"]>;\n onOpenedChanged: EventName<_ComboBoxLightEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_ComboBoxLightEventMap<T1>[\"filter-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onCustomValueSet: \"custom-value-set\", onSelectedItemChanged: \"selected-item-changed\", onValueChanged: \"value-changed\", onInvalidChanged: \"invalid-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\" } as ComboBoxLightEventMap<any>;\nexport type ComboBoxLightProps<T1> = WebComponentProps<ComboBoxLightElement<T1>, ComboBoxLightEventMap<T1>>;\nexport const ComboBoxLight = createComponent({\n elementClass: ComboBoxLightElement, events, react: React, tagName: \"vaadin-combo-box-light\"\n}) as <T1>(props: ComboBoxLightProps<T1> & React.RefAttributes<ComboBoxLightElement<T1>>) => React.ReactElement | null;\n"],
|
|
5
5
|
"mappings": "AAAA,WAAc,8CAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,iBAAiBC,MAAmF,8CAC7G,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,iBAAkB,mBAAoB,sBAAuB,wBAAyB,eAAgB,gBAAiB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,gBAAiB,gBAAiB,EAEnRC,EAAgBC,EAAgB,CACzC,aAAcC,EAAsB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACvE,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,CAAuB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACnD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAyBC,EAAWN,CAAa",
|
|
6
6
|
"names": ["forwardRef", "ComboBoxLightElement", "React", "createComponent", "events", "ComboBoxLight", "createComponent", "ComboBoxLightElement", "React", "useModelRenderer", "jsxs", "ComboBoxLight", "props", "ref", "portals", "renderer", "ForwardedComboBoxLight", "forwardRef"]
|
|
7
7
|
}
|
package/Grid.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/Grid.tsx", "src/generated/Grid.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/grid/vaadin-grid.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n Grid as _Grid,\n type GridDefaultItem,\n type GridElement,\n type GridProps as _GridProps,\n} from './generated/Grid.js';\nimport type { GridRowDetailsReactRendererProps } from './renderers/grid.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/Grid.js';\n\nexport type GridProps<TItem> = Partial<Omit<_GridProps<TItem>, 'rowDetailsRenderer'>> &\n Readonly<{\n rowDetailsRenderer?: ComponentType<GridRowDetailsReactRendererProps<TItem>> | null;\n }>;\n\nfunction Grid<TItem = GridDefaultItem>(\n props: GridProps<TItem>,\n ref: ForwardedRef<GridElement<TItem>>,\n): ReactElement | null {\n const [portals, rowDetailsRenderer] = useModelRenderer(props.rowDetailsRenderer, { renderSync: true });\n\n return (\n <_Grid<TItem> {...props} ref={ref} rowDetailsRenderer={rowDetailsRenderer}>\n {props.children}\n {portals}\n </_Grid>\n );\n}\n\nconst ForwardedGrid = forwardRef(Grid) as <TItem = GridDefaultItem>(\n props: GridProps<TItem> & RefAttributes<GridElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedGrid as Grid };\n\ncustomElements.whenDefined('vaadin-grid').then(() => {\n const gridProto = customElements.get('vaadin-grid')?.prototype;\n const originalRecalculateColumnWidths = gridProto?._recalculateColumnWidths;\n gridProto._recalculateColumnWidths = function (...args: any[]) {\n // Multiple synchronous calls to the renderers using flushSync cause\n // some of the renderers to be called asynchronously (see useRenderer.ts).\n // To make sure all the column cell content is rendered before recalculating\n // the column widths, we need to make _recalculateColumnWidths asynchronous.\n queueMicrotask(() => originalRecalculateColumnWidths.call(this, ...args));\n };\n});\n", "import type { EventName } from \"@lit/react\";\nimport { Grid as GridElement, type GridEventMap as _GridEventMap, } from \"@vaadin/grid/vaadin-grid.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { GridElement, };\nexport type GridEventMap<T1> = Readonly<{\n onActiveItemChanged: EventName<_GridEventMap<T1>[\"active-item-changed\"]>;\n onCellActivate: EventName<_GridEventMap<T1>[\"cell-activate\"]>;\n onColumnResize: EventName<_GridEventMap<T1>[\"column-resize\"]>;\n onExpandedItemsChanged: EventName<_GridEventMap<T1>[\"expanded-items-changed\"]>;\n onLoadingChanged: EventName<_GridEventMap<T1>[\"loading-changed\"]>;\n onSelectedItemsChanged: EventName<_GridEventMap<T1>[\"selected-items-changed\"]>;\n onCellFocus: EventName<_GridEventMap<T1>[\"cell-focus\"]>;\n onColumnReorder: EventName<_GridEventMap<T1>[\"column-reorder\"]>;\n onGridDragend: EventName<_GridEventMap<T1>[\"grid-dragend\"]>;\n onGridDragstart: EventName<_GridEventMap<T1>[\"grid-dragstart\"]>;\n onGridDrop: EventName<_GridEventMap<T1>[\"grid-drop\"]>;\n onSizeChanged: EventName<CustomEvent<unknown>>;\n onDataProviderChanged: EventName<CustomEvent<unknown>>;\n}>;\nconst events = { onActiveItemChanged: \"active-item-changed\", onCellActivate: \"cell-activate\", onColumnResize: \"column-resize\", onExpandedItemsChanged: \"expanded-items-changed\", onLoadingChanged: \"loading-changed\", onSelectedItemsChanged: \"selected-items-changed\", onCellFocus: \"cell-focus\", onColumnReorder: \"column-reorder\", onGridDragend: \"grid-dragend\", onGridDragstart: \"grid-dragstart\", onGridDrop: \"grid-drop\", onSizeChanged: \"size-changed\", onDataProviderChanged: \"data-provider-changed\" } as GridEventMap<
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/grid/vaadin-grid.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n Grid as _Grid,\n type GridDefaultItem,\n type GridElement,\n type GridProps as _GridProps,\n} from './generated/Grid.js';\nimport type { GridRowDetailsReactRendererProps } from './renderers/grid.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/Grid.js';\n\nexport type GridProps<TItem> = Partial<Omit<_GridProps<TItem>, 'rowDetailsRenderer'>> &\n Readonly<{\n rowDetailsRenderer?: ComponentType<GridRowDetailsReactRendererProps<TItem>> | null;\n }>;\n\nfunction Grid<TItem = GridDefaultItem>(\n props: GridProps<TItem>,\n ref: ForwardedRef<GridElement<TItem>>,\n): ReactElement | null {\n const [portals, rowDetailsRenderer] = useModelRenderer(props.rowDetailsRenderer, { renderSync: true });\n\n return (\n <_Grid<TItem> {...props} ref={ref} rowDetailsRenderer={rowDetailsRenderer}>\n {props.children}\n {portals}\n </_Grid>\n );\n}\n\nconst ForwardedGrid = forwardRef(Grid) as <TItem = GridDefaultItem>(\n props: GridProps<TItem> & RefAttributes<GridElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedGrid as Grid };\n\ncustomElements.whenDefined('vaadin-grid').then(() => {\n const gridProto = customElements.get('vaadin-grid')?.prototype;\n const originalRecalculateColumnWidths = gridProto?._recalculateColumnWidths;\n gridProto._recalculateColumnWidths = function (...args: any[]) {\n // Multiple synchronous calls to the renderers using flushSync cause\n // some of the renderers to be called asynchronously (see useRenderer.ts).\n // To make sure all the column cell content is rendered before recalculating\n // the column widths, we need to make _recalculateColumnWidths asynchronous.\n queueMicrotask(() => originalRecalculateColumnWidths.call(this, ...args));\n };\n});\n", "import type { EventName } from \"@lit/react\";\nimport { Grid as GridElement, type GridEventMap as _GridEventMap, } from \"@vaadin/grid/vaadin-grid.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { GridElement, };\nexport type GridEventMap<T1> = Readonly<{\n onActiveItemChanged: EventName<_GridEventMap<T1>[\"active-item-changed\"]>;\n onCellActivate: EventName<_GridEventMap<T1>[\"cell-activate\"]>;\n onColumnResize: EventName<_GridEventMap<T1>[\"column-resize\"]>;\n onExpandedItemsChanged: EventName<_GridEventMap<T1>[\"expanded-items-changed\"]>;\n onLoadingChanged: EventName<_GridEventMap<T1>[\"loading-changed\"]>;\n onSelectedItemsChanged: EventName<_GridEventMap<T1>[\"selected-items-changed\"]>;\n onCellFocus: EventName<_GridEventMap<T1>[\"cell-focus\"]>;\n onColumnReorder: EventName<_GridEventMap<T1>[\"column-reorder\"]>;\n onGridDragend: EventName<_GridEventMap<T1>[\"grid-dragend\"]>;\n onGridDragstart: EventName<_GridEventMap<T1>[\"grid-dragstart\"]>;\n onGridDrop: EventName<_GridEventMap<T1>[\"grid-drop\"]>;\n onSizeChanged: EventName<CustomEvent<unknown>>;\n onDataProviderChanged: EventName<CustomEvent<unknown>>;\n}>;\nconst events = { onActiveItemChanged: \"active-item-changed\", onCellActivate: \"cell-activate\", onColumnResize: \"column-resize\", onExpandedItemsChanged: \"expanded-items-changed\", onLoadingChanged: \"loading-changed\", onSelectedItemsChanged: \"selected-items-changed\", onCellFocus: \"cell-focus\", onColumnReorder: \"column-reorder\", onGridDragend: \"grid-dragend\", onGridDragstart: \"grid-dragstart\", onGridDrop: \"grid-drop\", onSizeChanged: \"size-changed\", onDataProviderChanged: \"data-provider-changed\" } as GridEventMap<any>;\nexport type GridProps<T1> = WebComponentProps<GridElement<T1>, GridEventMap<T1>>;\nexport const Grid = createComponent({\n elementClass: GridElement, events, react: React, tagName: \"vaadin-grid\"\n}) as <T1>(props: GridProps<T1> & React.RefAttributes<GridElement<T1>>) => React.ReactElement | null;\n"],
|
|
5
5
|
"mappings": "AAAA,WAAc,8BACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,QAAQC,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAiBxD,IAAMC,EAAS,CAAE,oBAAqB,sBAAuB,eAAgB,gBAAiB,eAAgB,gBAAiB,uBAAwB,yBAA0B,iBAAkB,kBAAmB,uBAAwB,yBAA0B,YAAa,aAAc,gBAAiB,iBAAkB,cAAe,eAAgB,gBAAiB,iBAAkB,WAAY,YAAa,cAAe,eAAgB,sBAAuB,uBAAwB,EAEleC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC,EDfD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAkB,EAAIN,EAAiBG,EAAM,mBAAoB,CAAE,WAAY,EAAK,CAAC,EAErG,OACEF,EAACC,EAAA,CAAc,GAAGC,EAAO,IAAKC,EAAK,mBAAoBE,EACpD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAAgBC,EAAWN,CAAI,EAMrC,eAAe,YAAY,aAAa,EAAE,KAAK,IAAM,CACnD,IAAMO,EAAY,eAAe,IAAI,aAAa,GAAG,UAC/CC,EAAkCD,GAAW,yBACnDA,EAAU,yBAA2B,YAAaE,EAAa,CAK7D,eAAe,IAAMD,EAAgC,KAAK,KAAM,GAAGC,CAAI,CAAC,CAC1E,CACF,CAAC",
|
|
6
6
|
"names": ["forwardRef", "GridElement", "React", "createComponent", "events", "Grid", "createComponent", "GridElement", "React", "useModelRenderer", "jsxs", "Grid", "props", "ref", "portals", "rowDetailsRenderer", "ForwardedGrid", "forwardRef", "gridProto", "originalRecalculateColumnWidths", "args"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["src/MultiSelectComboBox.tsx", "src/generated/MultiSelectComboBox.ts"],
|
|
4
|
-
"sourcesContent": ["export * from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n MultiSelectComboBox as _MultiSelectComboBox,\n type MultiSelectComboBoxElement,\n type MultiSelectComboBoxProps as _MultiSelectComboBoxProps,\n} from './generated/MultiSelectComboBox.js';\nimport type { MultiSelectComboBoxReactRendererProps } from './renderers/multiSelectCombobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/MultiSelectComboBox.js';\n\nexport type MultiSelectComboBoxProps<TItem> = Partial<Omit<_MultiSelectComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<MultiSelectComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction MultiSelectComboBox<TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem>,\n ref: ForwardedRef<MultiSelectComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_MultiSelectComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_MultiSelectComboBox>\n );\n}\n\nconst ForwardedMultiSelectComboBox = forwardRef(MultiSelectComboBox) as <TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem> & RefAttributes<MultiSelectComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedMultiSelectComboBox as MultiSelectComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { MultiSelectComboBox as MultiSelectComboBoxElement, type MultiSelectComboBoxEventMap as _MultiSelectComboBoxEventMap, } from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MultiSelectComboBoxElement, };\nexport type MultiSelectComboBoxEventMap<T1> = Readonly<{\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_MultiSelectComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onSelectedItemsChanged: \"selected-items-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\", onInvalidChanged: \"invalid-changed\" } as MultiSelectComboBoxEventMap<
|
|
4
|
+
"sourcesContent": ["export * from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport type { ComboBoxDefaultItem } from '@vaadin/combo-box';\nimport { type ComponentType, forwardRef, type ReactElement, type RefAttributes, type ForwardedRef } from 'react';\nimport {\n MultiSelectComboBox as _MultiSelectComboBox,\n type MultiSelectComboBoxElement,\n type MultiSelectComboBoxProps as _MultiSelectComboBoxProps,\n} from './generated/MultiSelectComboBox.js';\nimport type { MultiSelectComboBoxReactRendererProps } from './renderers/multiSelectCombobox.js';\nimport { useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/MultiSelectComboBox.js';\n\nexport type MultiSelectComboBoxProps<TItem> = Partial<Omit<_MultiSelectComboBoxProps<TItem>, 'renderer'>> &\n Readonly<{\n renderer?: ComponentType<MultiSelectComboBoxReactRendererProps<TItem>> | null;\n }>;\n\nfunction MultiSelectComboBox<TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem>,\n ref: ForwardedRef<MultiSelectComboBoxElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer);\n\n return (\n <_MultiSelectComboBox<TItem> {...props} ref={ref} renderer={renderer}>\n {props.children}\n {portals}\n </_MultiSelectComboBox>\n );\n}\n\nconst ForwardedMultiSelectComboBox = forwardRef(MultiSelectComboBox) as <TItem = ComboBoxDefaultItem>(\n props: MultiSelectComboBoxProps<TItem> & RefAttributes<MultiSelectComboBoxElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedMultiSelectComboBox as MultiSelectComboBox };\n", "import type { EventName } from \"@lit/react\";\nimport { MultiSelectComboBox as MultiSelectComboBoxElement, type MultiSelectComboBoxEventMap as _MultiSelectComboBoxEventMap, } from \"@vaadin/multi-select-combo-box/vaadin-multi-select-combo-box.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { MultiSelectComboBoxElement, };\nexport type MultiSelectComboBoxEventMap<T1> = Readonly<{\n onValidated: EventName<_MultiSelectComboBoxEventMap<T1>[\"validated\"]>;\n onChange: EventName<_MultiSelectComboBoxEventMap<T1>[\"change\"]>;\n onInput: EventName<_MultiSelectComboBoxEventMap<T1>[\"input\"]>;\n onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>[\"custom-value-set\"]>;\n onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"selected-items-changed\"]>;\n onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"opened-changed\"]>;\n onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"filter-changed\"]>;\n onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onCustomValueSet: \"custom-value-set\", onSelectedItemsChanged: \"selected-items-changed\", onOpenedChanged: \"opened-changed\", onFilterChanged: \"filter-changed\", onInvalidChanged: \"invalid-changed\" } as MultiSelectComboBoxEventMap<any>;\nexport type MultiSelectComboBoxProps<T1> = WebComponentProps<MultiSelectComboBoxElement<T1>, MultiSelectComboBoxEventMap<T1>>;\nexport const MultiSelectComboBox = createComponent({\n elementClass: MultiSelectComboBoxElement, events, react: React, tagName: \"vaadin-multi-select-combo-box\"\n}) as <T1>(props: MultiSelectComboBoxProps<T1> & React.RefAttributes<MultiSelectComboBoxElement<T1>>) => React.ReactElement | null;\n"],
|
|
5
5
|
"mappings": "AAAA,WAAc,kEAEd,OAA6B,cAAAA,MAA4E,QCDzG,OAAS,uBAAuBC,MAAqG,kEACrI,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAYxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,mBAAoB,uBAAwB,yBAA0B,gBAAiB,iBAAkB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,EAEtQC,EAAsBC,EAAgB,CAC/C,aAAcC,EAA4B,OAAAH,EAAQ,MAAOI,EAAO,QAAS,+BAC7E,CAAC,EDVD,OAAS,oBAAAC,MAAwB,kCAgB7B,eAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,QAAQ,EAE3D,OACEF,EAACC,EAAA,CAA6B,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACzD,UAAAH,EAAM,SACNE,GACH,CAEJ,CAEA,IAAME,EAA+BC,EAAWN,CAAmB",
|
|
6
6
|
"names": ["forwardRef", "MultiSelectComboBoxElement", "React", "createComponent", "events", "MultiSelectComboBox", "createComponent", "MultiSelectComboBoxElement", "React", "useModelRenderer", "jsxs", "MultiSelectComboBox", "props", "ref", "portals", "renderer", "ForwardedMultiSelectComboBox", "forwardRef"]
|
|
7
7
|
}
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export * from "./AccordionHeading.js";
|
|
2
2
|
export * from "./AccordionPanel.js";
|
|
3
3
|
export * from "./Accordion.js";
|
|
4
|
-
export * from "./DrawerToggle.js";
|
|
5
4
|
export * from "./AppLayout.js";
|
|
5
|
+
export * from "./DrawerToggle.js";
|
|
6
6
|
export * from "./Avatar.js";
|
|
7
7
|
export * from "./AvatarGroup.js";
|
|
8
8
|
export * from "./Button.js";
|
|
@@ -22,15 +22,10 @@ export * from "./Dialog.js";
|
|
|
22
22
|
export * from "./EmailField.js";
|
|
23
23
|
export * from "./FormItem.js";
|
|
24
24
|
export * from "./FormLayout.js";
|
|
25
|
-
export * from "./GridColumnGroup.js";
|
|
26
|
-
export * from "./GridColumn.js";
|
|
27
|
-
export * from "./GridFilter.js";
|
|
28
25
|
export * from "./GridFilterColumn.js";
|
|
29
|
-
export * from "./GridSorter.js";
|
|
30
26
|
export * from "./GridSelectionColumn.js";
|
|
27
|
+
export * from "./GridSorter.js";
|
|
31
28
|
export * from "./GridSortColumn.js";
|
|
32
|
-
export * from "./GridTreeToggle.js";
|
|
33
|
-
export * from "./GridTreeColumn.js";
|
|
34
29
|
export * from "./Grid.js";
|
|
35
30
|
export * from "./HorizontalLayout.js";
|
|
36
31
|
export * from "./Iconset.js";
|
|
@@ -67,3 +62,8 @@ export * from "./Tooltip.js";
|
|
|
67
62
|
export * from "./Upload.js";
|
|
68
63
|
export * from "./VerticalLayout.js";
|
|
69
64
|
export * from "./VirtualList.js";
|
|
65
|
+
export * from "./GridColumnGroup.js";
|
|
66
|
+
export * from "./GridColumn.js";
|
|
67
|
+
export * from "./GridFilter.js";
|
|
68
|
+
export * from "./GridTreeToggle.js";
|
|
69
|
+
export * from "./GridTreeColumn.js";
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export * from "./AccordionHeading.js";
|
|
2
2
|
export * from "./AccordionPanel.js";
|
|
3
3
|
export * from "./Accordion.js";
|
|
4
|
-
export * from "./DrawerToggle.js";
|
|
5
4
|
export * from "./AppLayout.js";
|
|
5
|
+
export * from "./DrawerToggle.js";
|
|
6
6
|
export * from "./Avatar.js";
|
|
7
7
|
export * from "./AvatarGroup.js";
|
|
8
8
|
export * from "./Button.js";
|
|
@@ -22,15 +22,10 @@ export * from "./Dialog.js";
|
|
|
22
22
|
export * from "./EmailField.js";
|
|
23
23
|
export * from "./FormItem.js";
|
|
24
24
|
export * from "./FormLayout.js";
|
|
25
|
-
export * from "./GridColumnGroup.js";
|
|
26
|
-
export * from "./GridColumn.js";
|
|
27
|
-
export * from "./GridFilter.js";
|
|
28
25
|
export * from "./GridFilterColumn.js";
|
|
29
|
-
export * from "./GridSorter.js";
|
|
30
26
|
export * from "./GridSelectionColumn.js";
|
|
27
|
+
export * from "./GridSorter.js";
|
|
31
28
|
export * from "./GridSortColumn.js";
|
|
32
|
-
export * from "./GridTreeToggle.js";
|
|
33
|
-
export * from "./GridTreeColumn.js";
|
|
34
29
|
export * from "./Grid.js";
|
|
35
30
|
export * from "./HorizontalLayout.js";
|
|
36
31
|
export * from "./Iconset.js";
|
|
@@ -67,3 +62,8 @@ export * from "./Tooltip.js";
|
|
|
67
62
|
export * from "./Upload.js";
|
|
68
63
|
export * from "./VerticalLayout.js";
|
|
69
64
|
export * from "./VirtualList.js";
|
|
65
|
+
export * from "./GridColumnGroup.js";
|
|
66
|
+
export * from "./GridColumn.js";
|
|
67
|
+
export * from "./GridFilter.js";
|
|
68
|
+
export * from "./GridTreeToggle.js";
|
|
69
|
+
export * from "./GridTreeColumn.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/react-components",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.6.0-alpha1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -27,64 +27,64 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@lit/react": "^1.0.5",
|
|
30
|
-
"@vaadin/a11y-base": "24.
|
|
31
|
-
"@vaadin/accordion": "24.
|
|
32
|
-
"@vaadin/app-layout": "24.
|
|
33
|
-
"@vaadin/avatar": "24.
|
|
34
|
-
"@vaadin/avatar-group": "24.
|
|
35
|
-
"@vaadin/button": "24.
|
|
36
|
-
"@vaadin/checkbox": "24.
|
|
37
|
-
"@vaadin/checkbox-group": "24.
|
|
38
|
-
"@vaadin/combo-box": "24.
|
|
39
|
-
"@vaadin/component-base": "24.
|
|
40
|
-
"@vaadin/confirm-dialog": "24.
|
|
41
|
-
"@vaadin/context-menu": "24.
|
|
42
|
-
"@vaadin/custom-field": "24.
|
|
43
|
-
"@vaadin/date-picker": "24.
|
|
44
|
-
"@vaadin/date-time-picker": "24.
|
|
45
|
-
"@vaadin/details": "24.
|
|
46
|
-
"@vaadin/dialog": "24.
|
|
47
|
-
"@vaadin/email-field": "24.
|
|
48
|
-
"@vaadin/field-base": "24.
|
|
49
|
-
"@vaadin/field-highlighter": "24.
|
|
50
|
-
"@vaadin/form-layout": "24.
|
|
51
|
-
"@vaadin/grid": "24.
|
|
52
|
-
"@vaadin/horizontal-layout": "24.
|
|
53
|
-
"@vaadin/icon": "24.
|
|
54
|
-
"@vaadin/icons": "24.
|
|
55
|
-
"@vaadin/input-container": "24.
|
|
56
|
-
"@vaadin/integer-field": "24.
|
|
57
|
-
"@vaadin/item": "24.
|
|
58
|
-
"@vaadin/list-box": "24.
|
|
59
|
-
"@vaadin/lit-renderer": "24.
|
|
60
|
-
"@vaadin/login": "24.
|
|
61
|
-
"@vaadin/menu-bar": "24.
|
|
62
|
-
"@vaadin/message-input": "24.
|
|
63
|
-
"@vaadin/message-list": "24.
|
|
64
|
-
"@vaadin/multi-select-combo-box": "24.
|
|
65
|
-
"@vaadin/notification": "24.
|
|
66
|
-
"@vaadin/number-field": "24.
|
|
67
|
-
"@vaadin/overlay": "24.
|
|
68
|
-
"@vaadin/password-field": "24.
|
|
69
|
-
"@vaadin/popover": "24.
|
|
70
|
-
"@vaadin/progress-bar": "24.
|
|
71
|
-
"@vaadin/radio-group": "24.
|
|
72
|
-
"@vaadin/scroller": "24.
|
|
73
|
-
"@vaadin/select": "24.
|
|
74
|
-
"@vaadin/side-nav": "24.
|
|
75
|
-
"@vaadin/split-layout": "24.
|
|
76
|
-
"@vaadin/tabs": "24.
|
|
77
|
-
"@vaadin/tabsheet": "24.
|
|
78
|
-
"@vaadin/text-area": "24.
|
|
79
|
-
"@vaadin/text-field": "24.
|
|
80
|
-
"@vaadin/time-picker": "24.
|
|
81
|
-
"@vaadin/tooltip": "24.
|
|
82
|
-
"@vaadin/upload": "24.
|
|
83
|
-
"@vaadin/vaadin-lumo-styles": "24.
|
|
84
|
-
"@vaadin/vaadin-material-styles": "24.
|
|
85
|
-
"@vaadin/vaadin-themable-mixin": "24.
|
|
86
|
-
"@vaadin/vertical-layout": "24.
|
|
87
|
-
"@vaadin/virtual-list": "24.
|
|
30
|
+
"@vaadin/a11y-base": "24.6.0-alpha1",
|
|
31
|
+
"@vaadin/accordion": "24.6.0-alpha1",
|
|
32
|
+
"@vaadin/app-layout": "24.6.0-alpha1",
|
|
33
|
+
"@vaadin/avatar": "24.6.0-alpha1",
|
|
34
|
+
"@vaadin/avatar-group": "24.6.0-alpha1",
|
|
35
|
+
"@vaadin/button": "24.6.0-alpha1",
|
|
36
|
+
"@vaadin/checkbox": "24.6.0-alpha1",
|
|
37
|
+
"@vaadin/checkbox-group": "24.6.0-alpha1",
|
|
38
|
+
"@vaadin/combo-box": "24.6.0-alpha1",
|
|
39
|
+
"@vaadin/component-base": "24.6.0-alpha1",
|
|
40
|
+
"@vaadin/confirm-dialog": "24.6.0-alpha1",
|
|
41
|
+
"@vaadin/context-menu": "24.6.0-alpha1",
|
|
42
|
+
"@vaadin/custom-field": "24.6.0-alpha1",
|
|
43
|
+
"@vaadin/date-picker": "24.6.0-alpha1",
|
|
44
|
+
"@vaadin/date-time-picker": "24.6.0-alpha1",
|
|
45
|
+
"@vaadin/details": "24.6.0-alpha1",
|
|
46
|
+
"@vaadin/dialog": "24.6.0-alpha1",
|
|
47
|
+
"@vaadin/email-field": "24.6.0-alpha1",
|
|
48
|
+
"@vaadin/field-base": "24.6.0-alpha1",
|
|
49
|
+
"@vaadin/field-highlighter": "24.6.0-alpha1",
|
|
50
|
+
"@vaadin/form-layout": "24.6.0-alpha1",
|
|
51
|
+
"@vaadin/grid": "24.6.0-alpha1",
|
|
52
|
+
"@vaadin/horizontal-layout": "24.6.0-alpha1",
|
|
53
|
+
"@vaadin/icon": "24.6.0-alpha1",
|
|
54
|
+
"@vaadin/icons": "24.6.0-alpha1",
|
|
55
|
+
"@vaadin/input-container": "24.6.0-alpha1",
|
|
56
|
+
"@vaadin/integer-field": "24.6.0-alpha1",
|
|
57
|
+
"@vaadin/item": "24.6.0-alpha1",
|
|
58
|
+
"@vaadin/list-box": "24.6.0-alpha1",
|
|
59
|
+
"@vaadin/lit-renderer": "24.6.0-alpha1",
|
|
60
|
+
"@vaadin/login": "24.6.0-alpha1",
|
|
61
|
+
"@vaadin/menu-bar": "24.6.0-alpha1",
|
|
62
|
+
"@vaadin/message-input": "24.6.0-alpha1",
|
|
63
|
+
"@vaadin/message-list": "24.6.0-alpha1",
|
|
64
|
+
"@vaadin/multi-select-combo-box": "24.6.0-alpha1",
|
|
65
|
+
"@vaadin/notification": "24.6.0-alpha1",
|
|
66
|
+
"@vaadin/number-field": "24.6.0-alpha1",
|
|
67
|
+
"@vaadin/overlay": "24.6.0-alpha1",
|
|
68
|
+
"@vaadin/password-field": "24.6.0-alpha1",
|
|
69
|
+
"@vaadin/popover": "24.6.0-alpha1",
|
|
70
|
+
"@vaadin/progress-bar": "24.6.0-alpha1",
|
|
71
|
+
"@vaadin/radio-group": "24.6.0-alpha1",
|
|
72
|
+
"@vaadin/scroller": "24.6.0-alpha1",
|
|
73
|
+
"@vaadin/select": "24.6.0-alpha1",
|
|
74
|
+
"@vaadin/side-nav": "24.6.0-alpha1",
|
|
75
|
+
"@vaadin/split-layout": "24.6.0-alpha1",
|
|
76
|
+
"@vaadin/tabs": "24.6.0-alpha1",
|
|
77
|
+
"@vaadin/tabsheet": "24.6.0-alpha1",
|
|
78
|
+
"@vaadin/text-area": "24.6.0-alpha1",
|
|
79
|
+
"@vaadin/text-field": "24.6.0-alpha1",
|
|
80
|
+
"@vaadin/time-picker": "24.6.0-alpha1",
|
|
81
|
+
"@vaadin/tooltip": "24.6.0-alpha1",
|
|
82
|
+
"@vaadin/upload": "24.6.0-alpha1",
|
|
83
|
+
"@vaadin/vaadin-lumo-styles": "24.6.0-alpha1",
|
|
84
|
+
"@vaadin/vaadin-material-styles": "24.6.0-alpha1",
|
|
85
|
+
"@vaadin/vaadin-themable-mixin": "24.6.0-alpha1",
|
|
86
|
+
"@vaadin/vertical-layout": "24.6.0-alpha1",
|
|
87
|
+
"@vaadin/virtual-list": "24.6.0-alpha1"
|
|
88
88
|
},
|
|
89
89
|
"author": "Vaadin Ltd.",
|
|
90
90
|
"license": "Apache-2.0",
|
package/utils/createComponent.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"24.
|
|
1
|
+
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"24.6.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};
|
|
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 */ '24.
|
|
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,
|
|
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 */ '24.6.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",
|
|
6
6
|
"names": ["_createComponent", "createComponent", "options", "elementClass"]
|
|
7
7
|
}
|