@vaadin/react-components 25.0.0-alpha2 → 25.0.0-alpha21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ConfirmDialog.d.ts +1 -1
- package/ConfirmDialog.d.ts.map +1 -1
- package/ConfirmDialog.js.map +1 -1
- package/ContextMenu.js +1 -1
- package/ContextMenu.js.map +2 -2
- package/Dialog.d.ts +2 -2
- package/Dialog.d.ts.map +1 -1
- package/Dialog.js +1 -1
- package/Dialog.js.map +1 -1
- package/LoginOverlay.js +1 -1
- package/LoginOverlay.js.map +2 -2
- package/MultiSelectComboBox.js +1 -1
- package/MultiSelectComboBox.js.map +2 -2
- package/Popover.d.ts +8 -2
- package/Popover.d.ts.map +1 -1
- package/Popover.js +1 -1
- package/Popover.js.map +3 -3
- package/Select.js.map +2 -2
- package/TabSheet.d.ts +0 -23
- package/TabSheet.d.ts.map +1 -1
- package/TabSheet.js +1 -1
- package/TabSheet.js.map +3 -3
- package/TimePicker.d.ts +1 -1
- package/TimePicker.js +1 -1
- package/TimePicker.js.map +2 -2
- package/Tooltip.js +1 -1
- package/Tooltip.js.map +2 -2
- package/css/lumo/Utility.module.css +16 -47
- package/css/lumo/utilities/Accessibility.module.css +17 -15
- package/css/lumo/utilities/Background.module.css +189 -150
- package/css/lumo/utilities/Border.module.css +173 -141
- package/css/lumo/utilities/Filter.module.css +35 -26
- package/css/lumo/utilities/FlexboxGrid.module.css +780 -2
- package/css/lumo/utilities/Layout.module.css +544 -413
- package/css/lumo/utilities/Shadows.module.css +27 -20
- package/css/lumo/utilities/Sizing.module.css +142 -115
- package/css/lumo/utilities/Spacing.module.css +682 -536
- package/css/lumo/utilities/Transition.module.css +46 -43
- package/css/lumo/utilities/Typography.module.css +366 -280
- package/generated/ContextMenu.d.ts +2 -0
- package/generated/ContextMenu.d.ts.map +1 -1
- package/generated/GridColumnGroup.d.ts +1 -1
- package/generated/LoginOverlay.d.ts +2 -0
- package/generated/LoginOverlay.d.ts.map +1 -1
- package/generated/MultiSelectComboBox.d.ts +2 -2
- package/generated/MultiSelectComboBox.d.ts.map +1 -1
- package/generated/TimePicker.d.ts +2 -2
- package/generated/TimePicker.d.ts.map +1 -1
- package/generated/Tooltip.d.ts +8 -3
- package/generated/Tooltip.d.ts.map +1 -1
- package/package.json +69 -77
- package/renderers/useRenderer.js +1 -1
- package/renderers/useRenderer.js.map +2 -2
- package/utils/createComponent.js +1 -1
- package/utils/createComponent.js.map +2 -2
- package/utils/warnings.d.ts +2 -0
- package/utils/warnings.d.ts.map +1 -0
- package/utils/warnings.js +2 -0
- package/utils/warnings.js.map +7 -0
- package/css/Lumo.css +0 -15
- package/css/lumo/Badge.css +0 -165
- package/css/lumo/Color.css +0 -122
- package/css/lumo/ColorBase.css +0 -87
- package/css/lumo/Font.css +0 -22
- package/css/lumo/FontIcons.css +0 -57
- package/css/lumo/Globals.css +0 -85
- package/css/lumo/Sizing.css +0 -17
- package/css/lumo/Spacing.css +0 -25
- package/css/lumo/Style.css +0 -21
- package/css/lumo/Typography.css +0 -96
- package/css/lumo/UserColors.css +0 -22
- package/css/lumo/mixins/FieldButton.css +0 -29
- package/css/lumo/mixins/MenuOverlay.css +0 -66
- package/css/lumo/mixins/MenuOverlayCore.css +0 -32
- package/css/lumo/mixins/Overlay.css +0 -67
- package/css/lumo/mixins/RequiredField.css +0 -103
- package/css/lumo/utilities/FlexboxAndGrid.module.css +0 -613
|
@@ -5,7 +5,7 @@ export * from "@vaadin/grid/vaadin-grid-column-group.js";
|
|
|
5
5
|
export { GridColumnGroupElement, };
|
|
6
6
|
export type GridColumnGroupEventMap = Readonly<{}>;
|
|
7
7
|
export type GridColumnGroupProps = WebComponentProps<GridColumnGroupElement, GridColumnGroupEventMap>;
|
|
8
|
-
export declare const GridColumnGroup: (props: Partial<Omit<React.HTMLAttributes<GridColumnGroupElement<unknown>>, "autofocus" | "header" | "
|
|
8
|
+
export declare const GridColumnGroup: (props: Partial<Omit<React.HTMLAttributes<GridColumnGroupElement<unknown>>, "autofocus" | "header" | "width" | "resizable" | "headerRenderer" | "footerRenderer" | "flexGrow" | "frozen" | "frozenToEnd" | "rowHeader" | "textAlign" | "headerPartName" | "footerPartName"> & {} & Partial<Omit<GridColumnGroupElement<unknown>, keyof HTMLElement>> & {
|
|
9
9
|
autofocus?: boolean;
|
|
10
10
|
}> & React.RefAttributes<GridColumnGroupElement<unknown>>) => React.ReactElement | null;
|
|
11
11
|
//# sourceMappingURL=GridColumnGroup.d.ts.map
|
|
@@ -7,6 +7,7 @@ export { LoginOverlayElement, };
|
|
|
7
7
|
export type LoginOverlayEventMap = Readonly<{
|
|
8
8
|
onForgotPassword: EventName<_LoginOverlayEventMap["forgot-password"]>;
|
|
9
9
|
onLogin: EventName<_LoginOverlayEventMap["login"]>;
|
|
10
|
+
onClosed: EventName<_LoginOverlayEventMap["closed"]>;
|
|
10
11
|
onDisabledChanged: EventName<_LoginOverlayEventMap["disabled-changed"]>;
|
|
11
12
|
onErrorChanged: EventName<_LoginOverlayEventMap["error-changed"]>;
|
|
12
13
|
onDescriptionChanged: EventName<_LoginOverlayEventMap["description-changed"]>;
|
|
@@ -15,6 +16,7 @@ export type LoginOverlayProps = WebComponentProps<LoginOverlayElement, LoginOver
|
|
|
15
16
|
export declare const LoginOverlay: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<LoginOverlayElement, Readonly<{
|
|
16
17
|
onForgotPassword: EventName<_LoginOverlayEventMap["forgot-password"]>;
|
|
17
18
|
onLogin: EventName<_LoginOverlayEventMap["login"]>;
|
|
19
|
+
onClosed: EventName<_LoginOverlayEventMap["closed"]>;
|
|
18
20
|
onDisabledChanged: EventName<_LoginOverlayEventMap["disabled-changed"]>;
|
|
19
21
|
onErrorChanged: EventName<_LoginOverlayEventMap["error-changed"]>;
|
|
20
22
|
onDescriptionChanged: EventName<_LoginOverlayEventMap["description-changed"]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginOverlay.d.ts","sourceRoot":"","sources":["../src/generated/LoginOverlay.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,uCAAuC,CAAC;AACjJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,SAAS,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACxE,cAAc,EAAE,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,oBAAoB,EAAE,SAAS,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,CAAC,CAAC;CACjF,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;
|
|
1
|
+
{"version":3,"file":"LoginOverlay.d.ts","sourceRoot":"","sources":["../src/generated/LoginOverlay.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,uCAAuC,CAAC;AACjJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,mBAAmB,GAAG,CAAC;AAChC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IACxC,gBAAgB,EAAE,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtE,OAAO,EAAE,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,QAAQ,EAAE,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrD,iBAAiB,EAAE,SAAS,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACxE,cAAc,EAAE,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;IAClE,oBAAoB,EAAE,SAAS,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,CAAC,CAAC;CACjF,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,oBAAoB,CAAC,CAAC;AAC7F,eAAO,MAAM,YAAY;sBATH,SAAS,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;aAC5D,SAAS,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;cACxC,SAAS,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;uBACjC,SAAS,CAAC,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;oBACvD,SAAS,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC;0BAC3C,SAAS,CAAC,qBAAqB,CAAC,qBAAqB,CAAC,CAAC;6EAM/E,CAAC"}
|
|
@@ -9,10 +9,10 @@ export type MultiSelectComboBoxEventMap<T1> = Readonly<{
|
|
|
9
9
|
onChange: EventName<_MultiSelectComboBoxEventMap<T1>["change"]>;
|
|
10
10
|
onInput: EventName<_MultiSelectComboBoxEventMap<T1>["input"]>;
|
|
11
11
|
onCustomValueSet: EventName<_MultiSelectComboBoxEventMap<T1>["custom-value-set"]>;
|
|
12
|
-
onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>["invalid-changed"]>;
|
|
13
|
-
onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>["selected-items-changed"]>;
|
|
14
12
|
onOpenedChanged: EventName<_MultiSelectComboBoxEventMap<T1>["opened-changed"]>;
|
|
15
13
|
onFilterChanged: EventName<_MultiSelectComboBoxEventMap<T1>["filter-changed"]>;
|
|
14
|
+
onInvalidChanged: EventName<_MultiSelectComboBoxEventMap<T1>["invalid-changed"]>;
|
|
15
|
+
onSelectedItemsChanged: EventName<_MultiSelectComboBoxEventMap<T1>["selected-items-changed"]>;
|
|
16
16
|
}>;
|
|
17
17
|
export type MultiSelectComboBoxProps<T1> = WebComponentProps<MultiSelectComboBoxElement<T1>, MultiSelectComboBoxEventMap<T1>>;
|
|
18
18
|
export declare const MultiSelectComboBox: <T1>(props: MultiSelectComboBoxProps<T1> & React.RefAttributes<MultiSelectComboBoxElement<T1>>) => React.ReactElement | null;
|
|
@@ -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,WAAW,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,gBAAgB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAClF,
|
|
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,WAAW,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,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,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,sBAAsB,EAAE,SAAS,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;CACjG,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,17 +8,17 @@ export type TimePickerEventMap = Readonly<{
|
|
|
8
8
|
onValidated: EventName<_TimePickerEventMap["validated"]>;
|
|
9
9
|
onChange: EventName<_TimePickerEventMap["change"]>;
|
|
10
10
|
onInput: EventName<_TimePickerEventMap["input"]>;
|
|
11
|
-
onInvalidChanged: EventName<_TimePickerEventMap["invalid-changed"]>;
|
|
12
11
|
onValueChanged: EventName<_TimePickerEventMap["value-changed"]>;
|
|
13
12
|
onOpenedChanged: EventName<_TimePickerEventMap["opened-changed"]>;
|
|
13
|
+
onInvalidChanged: EventName<_TimePickerEventMap["invalid-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
|
onValidated: EventName<_TimePickerEventMap["validated"]>;
|
|
18
18
|
onChange: EventName<_TimePickerEventMap["change"]>;
|
|
19
19
|
onInput: EventName<_TimePickerEventMap["input"]>;
|
|
20
|
-
onInvalidChanged: EventName<_TimePickerEventMap["invalid-changed"]>;
|
|
21
20
|
onValueChanged: EventName<_TimePickerEventMap["value-changed"]>;
|
|
22
21
|
onOpenedChanged: EventName<_TimePickerEventMap["opened-changed"]>;
|
|
22
|
+
onInvalidChanged: EventName<_TimePickerEventMap["invalid-changed"]>;
|
|
23
23
|
}>>> & React.RefAttributes<TimePickerElement>) => React.ReactElement | null;
|
|
24
24
|
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -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,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,
|
|
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,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAAC;IAChE,eAAe,EAAE,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAClE,gBAAgB,EAAE,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACvE,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AACvF,eAAO,MAAM,UAAU;iBATN,SAAS,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;cAC9C,SAAS,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;aACzC,SAAS,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;oBAChC,SAAS,CAAC,mBAAmB,CAAC,eAAe,CAAC,CAAC;qBAC9C,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;sBAC/C,SAAS,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;2EAMrE,CAAC"}
|
package/generated/Tooltip.d.ts
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { EventName } from "@lit/react";
|
|
2
|
+
import { Tooltip as TooltipElement, type TooltipEventMap as _TooltipEventMap } from "@vaadin/tooltip/vaadin-tooltip.js";
|
|
2
3
|
import * as React from "react";
|
|
3
4
|
import { type WebComponentProps } from "../utils/createComponent.js";
|
|
4
5
|
export * from "@vaadin/tooltip/vaadin-tooltip.js";
|
|
5
6
|
export { TooltipElement, };
|
|
6
|
-
export type TooltipEventMap = Readonly<{
|
|
7
|
+
export type TooltipEventMap = Readonly<{
|
|
8
|
+
onContentChanged: EventName<_TooltipEventMap["content-changed"]>;
|
|
9
|
+
}>;
|
|
7
10
|
export type TooltipProps = WebComponentProps<TooltipElement, TooltipEventMap>;
|
|
8
|
-
export declare const Tooltip: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<TooltipElement, Readonly<{
|
|
11
|
+
export declare const Tooltip: (props: Partial<import("../utils/createComponent.js").ThemedWebComponentProps<TooltipElement, Readonly<{
|
|
12
|
+
onContentChanged: EventName<_TooltipEventMap["content-changed"]>;
|
|
13
|
+
}>>> & React.RefAttributes<TooltipElement>) => React.ReactElement | null;
|
|
9
14
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/generated/Tooltip.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../src/generated/Tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,KAAK,eAAe,IAAI,gBAAgB,EAAG,MAAM,mCAAmC,CAAC;AACzH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACtF,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,cAAc,GAAG,CAAC;AAC3B,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACnC,gBAAgB,EAAE,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC;CACpE,CAAC,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC9E,eAAO,MAAM,OAAO;sBAJE,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;wEAMlE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/react-components",
|
|
3
|
-
"version": "25.0.0-
|
|
3
|
+
"version": "25.0.0-alpha21",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -27,74 +27,74 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@lit/react": "^1.0.7",
|
|
30
|
-
"@vaadin/a11y-base": "25.0.0-
|
|
31
|
-
"@vaadin/accordion": "25.0.0-
|
|
32
|
-
"@vaadin/app-layout": "25.0.0-
|
|
33
|
-
"@vaadin/avatar": "25.0.0-
|
|
34
|
-
"@vaadin/avatar-group": "25.0.0-
|
|
35
|
-
"@vaadin/button": "25.0.0-
|
|
36
|
-
"@vaadin/card": "25.0.0-
|
|
37
|
-
"@vaadin/checkbox": "25.0.0-
|
|
38
|
-
"@vaadin/checkbox-group": "25.0.0-
|
|
39
|
-
"@vaadin/combo-box": "25.0.0-
|
|
40
|
-
"@vaadin/component-base": "25.0.0-
|
|
41
|
-
"@vaadin/confirm-dialog": "25.0.0-
|
|
42
|
-
"@vaadin/context-menu": "25.0.0-
|
|
43
|
-
"@vaadin/custom-field": "25.0.0-
|
|
44
|
-
"@vaadin/date-picker": "25.0.0-
|
|
45
|
-
"@vaadin/date-time-picker": "25.0.0-
|
|
46
|
-
"@vaadin/details": "25.0.0-
|
|
47
|
-
"@vaadin/dialog": "25.0.0-
|
|
48
|
-
"@vaadin/email-field": "25.0.0-
|
|
49
|
-
"@vaadin/field-base": "25.0.0-
|
|
50
|
-
"@vaadin/field-highlighter": "25.0.0-
|
|
51
|
-
"@vaadin/form-layout": "25.0.0-
|
|
52
|
-
"@vaadin/grid": "25.0.0-
|
|
53
|
-
"@vaadin/horizontal-layout": "25.0.0-
|
|
54
|
-
"@vaadin/icon": "25.0.0-
|
|
55
|
-
"@vaadin/icons": "25.0.0-
|
|
56
|
-
"@vaadin/input-container": "25.0.0-
|
|
57
|
-
"@vaadin/integer-field": "25.0.0-
|
|
58
|
-
"@vaadin/item": "25.0.0-
|
|
59
|
-
"@vaadin/list-box": "25.0.0-
|
|
60
|
-
"@vaadin/lit-renderer": "25.0.0-
|
|
61
|
-
"@vaadin/login": "25.0.0-
|
|
62
|
-
"@vaadin/markdown": "25.0.0-
|
|
63
|
-
"@vaadin/master-detail-layout": "25.0.0-
|
|
64
|
-
"@vaadin/menu-bar": "25.0.0-
|
|
65
|
-
"@vaadin/message-input": "25.0.0-
|
|
66
|
-
"@vaadin/message-list": "25.0.0-
|
|
67
|
-
"@vaadin/multi-select-combo-box": "25.0.0-
|
|
68
|
-
"@vaadin/notification": "25.0.0-
|
|
69
|
-
"@vaadin/number-field": "25.0.0-
|
|
70
|
-
"@vaadin/overlay": "25.0.0-
|
|
71
|
-
"@vaadin/password-field": "25.0.0-
|
|
72
|
-
"@vaadin/popover": "25.0.0-
|
|
73
|
-
"@vaadin/progress-bar": "25.0.0-
|
|
74
|
-
"@vaadin/radio-group": "25.0.0-
|
|
75
|
-
"@vaadin/scroller": "25.0.0-
|
|
76
|
-
"@vaadin/select": "25.0.0-
|
|
77
|
-
"@vaadin/side-nav": "25.0.0-
|
|
78
|
-
"@vaadin/split-layout": "25.0.0-
|
|
79
|
-
"@vaadin/tabs": "25.0.0-
|
|
80
|
-
"@vaadin/tabsheet": "25.0.0-
|
|
81
|
-
"@vaadin/text-area": "25.0.0-
|
|
82
|
-
"@vaadin/text-field": "25.0.0-
|
|
83
|
-
"@vaadin/time-picker": "25.0.0-
|
|
84
|
-
"@vaadin/tooltip": "25.0.0-
|
|
85
|
-
"@vaadin/upload": "25.0.0-
|
|
86
|
-
"@vaadin/vaadin-lumo-styles": "25.0.0-
|
|
87
|
-
"@vaadin/vaadin-themable-mixin": "25.0.0-
|
|
88
|
-
"@vaadin/vertical-layout": "25.0.0-
|
|
89
|
-
"@vaadin/virtual-list": "25.0.0-
|
|
30
|
+
"@vaadin/a11y-base": "25.0.0-alpha21",
|
|
31
|
+
"@vaadin/accordion": "25.0.0-alpha21",
|
|
32
|
+
"@vaadin/app-layout": "25.0.0-alpha21",
|
|
33
|
+
"@vaadin/avatar": "25.0.0-alpha21",
|
|
34
|
+
"@vaadin/avatar-group": "25.0.0-alpha21",
|
|
35
|
+
"@vaadin/button": "25.0.0-alpha21",
|
|
36
|
+
"@vaadin/card": "25.0.0-alpha21",
|
|
37
|
+
"@vaadin/checkbox": "25.0.0-alpha21",
|
|
38
|
+
"@vaadin/checkbox-group": "25.0.0-alpha21",
|
|
39
|
+
"@vaadin/combo-box": "25.0.0-alpha21",
|
|
40
|
+
"@vaadin/component-base": "25.0.0-alpha21",
|
|
41
|
+
"@vaadin/confirm-dialog": "25.0.0-alpha21",
|
|
42
|
+
"@vaadin/context-menu": "25.0.0-alpha21",
|
|
43
|
+
"@vaadin/custom-field": "25.0.0-alpha21",
|
|
44
|
+
"@vaadin/date-picker": "25.0.0-alpha21",
|
|
45
|
+
"@vaadin/date-time-picker": "25.0.0-alpha21",
|
|
46
|
+
"@vaadin/details": "25.0.0-alpha21",
|
|
47
|
+
"@vaadin/dialog": "25.0.0-alpha21",
|
|
48
|
+
"@vaadin/email-field": "25.0.0-alpha21",
|
|
49
|
+
"@vaadin/field-base": "25.0.0-alpha21",
|
|
50
|
+
"@vaadin/field-highlighter": "25.0.0-alpha21",
|
|
51
|
+
"@vaadin/form-layout": "25.0.0-alpha21",
|
|
52
|
+
"@vaadin/grid": "25.0.0-alpha21",
|
|
53
|
+
"@vaadin/horizontal-layout": "25.0.0-alpha21",
|
|
54
|
+
"@vaadin/icon": "25.0.0-alpha21",
|
|
55
|
+
"@vaadin/icons": "25.0.0-alpha21",
|
|
56
|
+
"@vaadin/input-container": "25.0.0-alpha21",
|
|
57
|
+
"@vaadin/integer-field": "25.0.0-alpha21",
|
|
58
|
+
"@vaadin/item": "25.0.0-alpha21",
|
|
59
|
+
"@vaadin/list-box": "25.0.0-alpha21",
|
|
60
|
+
"@vaadin/lit-renderer": "25.0.0-alpha21",
|
|
61
|
+
"@vaadin/login": "25.0.0-alpha21",
|
|
62
|
+
"@vaadin/markdown": "25.0.0-alpha21",
|
|
63
|
+
"@vaadin/master-detail-layout": "25.0.0-alpha21",
|
|
64
|
+
"@vaadin/menu-bar": "25.0.0-alpha21",
|
|
65
|
+
"@vaadin/message-input": "25.0.0-alpha21",
|
|
66
|
+
"@vaadin/message-list": "25.0.0-alpha21",
|
|
67
|
+
"@vaadin/multi-select-combo-box": "25.0.0-alpha21",
|
|
68
|
+
"@vaadin/notification": "25.0.0-alpha21",
|
|
69
|
+
"@vaadin/number-field": "25.0.0-alpha21",
|
|
70
|
+
"@vaadin/overlay": "25.0.0-alpha21",
|
|
71
|
+
"@vaadin/password-field": "25.0.0-alpha21",
|
|
72
|
+
"@vaadin/popover": "25.0.0-alpha21",
|
|
73
|
+
"@vaadin/progress-bar": "25.0.0-alpha21",
|
|
74
|
+
"@vaadin/radio-group": "25.0.0-alpha21",
|
|
75
|
+
"@vaadin/scroller": "25.0.0-alpha21",
|
|
76
|
+
"@vaadin/select": "25.0.0-alpha21",
|
|
77
|
+
"@vaadin/side-nav": "25.0.0-alpha21",
|
|
78
|
+
"@vaadin/split-layout": "25.0.0-alpha21",
|
|
79
|
+
"@vaadin/tabs": "25.0.0-alpha21",
|
|
80
|
+
"@vaadin/tabsheet": "25.0.0-alpha21",
|
|
81
|
+
"@vaadin/text-area": "25.0.0-alpha21",
|
|
82
|
+
"@vaadin/text-field": "25.0.0-alpha21",
|
|
83
|
+
"@vaadin/time-picker": "25.0.0-alpha21",
|
|
84
|
+
"@vaadin/tooltip": "25.0.0-alpha21",
|
|
85
|
+
"@vaadin/upload": "25.0.0-alpha21",
|
|
86
|
+
"@vaadin/vaadin-lumo-styles": "25.0.0-alpha21",
|
|
87
|
+
"@vaadin/vaadin-themable-mixin": "25.0.0-alpha21",
|
|
88
|
+
"@vaadin/vertical-layout": "25.0.0-alpha21",
|
|
89
|
+
"@vaadin/virtual-list": "25.0.0-alpha21"
|
|
90
90
|
},
|
|
91
91
|
"author": "Vaadin Ltd.",
|
|
92
92
|
"license": "Apache-2.0",
|
|
93
93
|
"peerDependencies": {
|
|
94
|
-
"@types/react": "^
|
|
95
|
-
"@types/react-dom": "^
|
|
96
|
-
"react": "^
|
|
97
|
-
"react-dom": "^
|
|
94
|
+
"@types/react": "^19.0.0",
|
|
95
|
+
"@types/react-dom": "^19.0.0",
|
|
96
|
+
"react": "^19.0.0",
|
|
97
|
+
"react-dom": "^19.0.0"
|
|
98
98
|
},
|
|
99
99
|
"peerDependenciesMeta": {
|
|
100
100
|
"@types/react": {
|
|
@@ -476,18 +476,6 @@
|
|
|
476
476
|
"./Upload": "./Upload.js",
|
|
477
477
|
"./VerticalLayout": "./VerticalLayout.js",
|
|
478
478
|
"./VirtualList": "./VirtualList.js",
|
|
479
|
-
"./css/Lumo.css": "./css/Lumo.css",
|
|
480
|
-
"./css/lumo/Badge.css": "./css/lumo/Badge.css",
|
|
481
|
-
"./css/lumo/Color.css": "./css/lumo/Color.css",
|
|
482
|
-
"./css/lumo/ColorBase.css": "./css/lumo/ColorBase.css",
|
|
483
|
-
"./css/lumo/Font.css": "./css/lumo/Font.css",
|
|
484
|
-
"./css/lumo/FontIcons.css": "./css/lumo/FontIcons.css",
|
|
485
|
-
"./css/lumo/Globals.css": "./css/lumo/Globals.css",
|
|
486
|
-
"./css/lumo/Sizing.css": "./css/lumo/Sizing.css",
|
|
487
|
-
"./css/lumo/Spacing.css": "./css/lumo/Spacing.css",
|
|
488
|
-
"./css/lumo/Style.css": "./css/lumo/Style.css",
|
|
489
|
-
"./css/lumo/Typography.css": "./css/lumo/Typography.css",
|
|
490
|
-
"./css/lumo/UserColors.css": "./css/lumo/UserColors.css",
|
|
491
479
|
"./css/lumo/Utility.module.css": "./css/lumo/Utility.module.css",
|
|
492
480
|
"./utils/createComponent.d.ts": "./utils/createComponent.d.ts",
|
|
493
481
|
"./utils/createComponent.d.ts.map": "./utils/createComponent.d.ts.map",
|
|
@@ -509,6 +497,10 @@
|
|
|
509
497
|
"./utils/useMergedRefs.d.ts.map": "./utils/useMergedRefs.d.ts.map",
|
|
510
498
|
"./utils/useMergedRefs.js": "./utils/useMergedRefs.js",
|
|
511
499
|
"./utils/useMergedRefs.js.map": "./utils/useMergedRefs.js.map",
|
|
500
|
+
"./utils/warnings.d.ts": "./utils/warnings.d.ts",
|
|
501
|
+
"./utils/warnings.d.ts.map": "./utils/warnings.d.ts.map",
|
|
502
|
+
"./utils/warnings.js": "./utils/warnings.js",
|
|
503
|
+
"./utils/warnings.js.map": "./utils/warnings.js.map",
|
|
512
504
|
"./renderers/combobox.d.ts": "./renderers/combobox.d.ts",
|
|
513
505
|
"./renderers/grid.d.ts": "./renderers/grid.d.ts",
|
|
514
506
|
"./renderers/multiSelectCombobox.d.ts": "./renderers/multiSelectCombobox.d.ts",
|
package/renderers/useRenderer.js
CHANGED
|
@@ -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[
|
|
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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/renderers/useRenderer.ts"],
|
|
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
|
|
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,
|
|
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",
|
|
6
6
|
"names": ["createElement", "useCallback", "useReducer", "createPortal", "flushSync", "flushMicrotask", "initialState", "rendererReducer", "state", "root", "args", "useRenderer", "reactRendererOrNode", "convert", "config", "map", "update", "renderer"]
|
|
7
7
|
}
|
package/utils/createComponent.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.0.0-
|
|
1
|
+
import{createComponent as n}from"@lit/react";window.Vaadin??={},window.Vaadin.registrations??=[],window.Vaadin.registrations.push({is:"@vaadin/react-components",version:"25.0.0-alpha21"});function s(e){const{elementClass:t}=e;return n("_properties"in t?{...e,elementClass:{name:t.name,prototype:{...t._properties,hidden:Boolean}}}:e)}export{s as createComponent};
|
|
2
2
|
//# sourceMappingURL=createComponent.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/utils/createComponent.ts"],
|
|
4
|
-
"sourcesContent": ["import { createComponent as _createComponent, type EventName } from '@lit/react';\nimport type { ThemePropertyMixinClass } from '@vaadin/vaadin-themable-mixin/vaadin-theme-property-mixin.js';\nimport type React from 'react';\nimport type { RefAttributes } from 'react';\n\ndeclare const __VERSION__: string;\n\ndeclare global {\n interface VaadinRegistration {\n is: string;\n version: string;\n }\n\n interface Vaadin {\n registrations?: VaadinRegistration[];\n }\n\n interface Window {\n // @ts-expect-error: Different declaration from one of the dependencies.\n Vaadin?: Vaadin;\n }\n}\n\nwindow.Vaadin ??= {};\nwindow.Vaadin.registrations ??= [];\nwindow.Vaadin.registrations.push({\n is: '@vaadin/react-components',\n version: /* updated-by-script */ '25.0.0-
|
|
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 */ '25.0.0-alpha21',\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
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"warnings.d.ts","sourceRoot":"","sources":["../src/utils/warnings.ts"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,QAO3C"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/utils/warnings.ts"],
|
|
4
|
+
"sourcesContent": ["const issuedWarnings = new Set();\n\nexport function issueWarning(warning: string) {\n if (issuedWarnings.has(warning)) {\n return;\n }\n\n issuedWarnings.add(warning);\n console.warn(warning);\n}\n"],
|
|
5
|
+
"mappings": "AAAA,MAAMA,EAAiB,IAAI,IAEpB,SAASC,EAAaC,EAAiB,CACxCF,EAAe,IAAIE,CAAO,IAI9BF,EAAe,IAAIE,CAAO,EAC1B,QAAQ,KAAKA,CAAO,EACtB",
|
|
6
|
+
"names": ["issuedWarnings", "issueWarning", "warning"]
|
|
7
|
+
}
|
package/css/Lumo.css
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
@import url(./lumo/ColorBase.css);
|
|
4
|
-
|
|
5
|
-
@import url(./lumo/FontIcons.css);
|
|
6
|
-
|
|
7
|
-
@import url(./lumo/Sizing.css);
|
|
8
|
-
|
|
9
|
-
@import url(./lumo/Style.css);
|
|
10
|
-
|
|
11
|
-
@import url(./lumo/Spacing.css);
|
|
12
|
-
|
|
13
|
-
@import url(./lumo/Font.css);
|
|
14
|
-
|
|
15
|
-
@import url(./lumo/UserColors.css);
|
package/css/lumo/Badge.css
DELETED
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
/* Generated file, do not edit */
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
[theme~='badge'] {
|
|
5
|
-
display: inline-flex;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
box-sizing: border-box;
|
|
9
|
-
padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
|
|
10
|
-
color: var(--lumo-primary-text-color);
|
|
11
|
-
background-color: var(--lumo-primary-color-10pct);
|
|
12
|
-
border-radius: var(--lumo-border-radius-s);
|
|
13
|
-
font-family: var(--lumo-font-family);
|
|
14
|
-
font-size: var(--lumo-font-size-s);
|
|
15
|
-
line-height: 1;
|
|
16
|
-
font-weight: 500;
|
|
17
|
-
text-transform: initial;
|
|
18
|
-
letter-spacing: initial;
|
|
19
|
-
min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
|
|
20
|
-
flex-shrink: 0;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* Ensure proper vertical alignment */
|
|
24
|
-
[theme~='badge']::before {
|
|
25
|
-
display: inline-block;
|
|
26
|
-
content: '\\2003';
|
|
27
|
-
width: 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
[theme~='badge'][theme~='small'] {
|
|
31
|
-
font-size: var(--lumo-font-size-xxs);
|
|
32
|
-
line-height: 1;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/* Colors */
|
|
36
|
-
|
|
37
|
-
[theme~='badge'][theme~='success'] {
|
|
38
|
-
color: var(--lumo-success-text-color);
|
|
39
|
-
background-color: var(--lumo-success-color-10pct);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
[theme~='badge'][theme~='error'] {
|
|
43
|
-
color: var(--lumo-error-text-color);
|
|
44
|
-
background-color: var(--lumo-error-color-10pct);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
[theme~='badge'][theme~='warning'] {
|
|
48
|
-
color: var(--lumo-warning-text-color);
|
|
49
|
-
background-color: var(--lumo-warning-color-10pct);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
[theme~='badge'][theme~='contrast'] {
|
|
53
|
-
color: var(--lumo-contrast-80pct);
|
|
54
|
-
background-color: var(--lumo-contrast-5pct);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* Primary */
|
|
58
|
-
|
|
59
|
-
[theme~='badge'][theme~='primary'] {
|
|
60
|
-
color: var(--lumo-primary-contrast-color);
|
|
61
|
-
background-color: var(--lumo-primary-color);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
[theme~='badge'][theme~='success'][theme~='primary'] {
|
|
65
|
-
color: var(--lumo-success-contrast-color);
|
|
66
|
-
background-color: var(--lumo-success-color);
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
[theme~='badge'][theme~='error'][theme~='primary'] {
|
|
70
|
-
color: var(--lumo-error-contrast-color);
|
|
71
|
-
background-color: var(--lumo-error-color);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
[theme~='badge'][theme~='warning'][theme~='primary'] {
|
|
75
|
-
color: var(--lumo-warning-contrast-color);
|
|
76
|
-
background-color: var(--lumo-warning-color);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
[theme~='badge'][theme~='contrast'][theme~='primary'] {
|
|
80
|
-
color: var(--lumo-base-color);
|
|
81
|
-
background-color: var(--lumo-contrast);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
/* Links */
|
|
85
|
-
|
|
86
|
-
[theme~='badge'][href]:hover {
|
|
87
|
-
text-decoration: none;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/* Icon */
|
|
91
|
-
|
|
92
|
-
[theme~='badge'] > vaadin-icon {
|
|
93
|
-
margin: -0.25em 0;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
[theme~='badge'] > vaadin-icon:first-child {
|
|
97
|
-
margin-left: -0.375em;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
[theme~='badge'] > vaadin-icon:last-child {
|
|
101
|
-
margin-right: -0.375em;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
vaadin-icon[theme~='badge'][icon] {
|
|
105
|
-
min-width: 0;
|
|
106
|
-
padding: 0;
|
|
107
|
-
font-size: 1rem;
|
|
108
|
-
width: var(--lumo-icon-size-m);
|
|
109
|
-
height: var(--lumo-icon-size-m);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
vaadin-icon[theme~='badge'][icon][theme~='small'] {
|
|
113
|
-
width: var(--lumo-icon-size-s);
|
|
114
|
-
height: var(--lumo-icon-size-s);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/* Empty */
|
|
118
|
-
|
|
119
|
-
[theme~='badge']:not([icon]):empty {
|
|
120
|
-
min-width: 0;
|
|
121
|
-
width: 1em;
|
|
122
|
-
height: 1em;
|
|
123
|
-
padding: 0;
|
|
124
|
-
border-radius: 50%;
|
|
125
|
-
background-color: var(--lumo-primary-color);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
[theme~='badge'][theme~='small']:not([icon]):empty {
|
|
129
|
-
width: 0.75em;
|
|
130
|
-
height: 0.75em;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
[theme~='badge'][theme~='contrast']:not([icon]):empty {
|
|
134
|
-
background-color: var(--lumo-contrast);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
[theme~='badge'][theme~='success']:not([icon]):empty {
|
|
138
|
-
background-color: var(--lumo-success-color);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
[theme~='badge'][theme~='error']:not([icon]):empty {
|
|
142
|
-
background-color: var(--lumo-error-color);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
[theme~='badge'][theme~='warning']:not([icon]):empty {
|
|
146
|
-
background-color: var(--lumo-warning-color);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
/* Pill */
|
|
150
|
-
|
|
151
|
-
[theme~='badge'][theme~='pill'] {
|
|
152
|
-
--lumo-border-radius-s: 1em;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
/* RTL specific styles */
|
|
156
|
-
|
|
157
|
-
[dir='rtl'][theme~='badge'] vaadin-icon:first-child {
|
|
158
|
-
margin-right: -0.375em;
|
|
159
|
-
margin-left: 0;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
[dir='rtl'][theme~='badge'] vaadin-icon:last-child {
|
|
163
|
-
margin-left: -0.375em;
|
|
164
|
-
margin-right: 0;
|
|
165
|
-
}
|