Skip to content

Commit 51eaa3c

Browse files
amir78729amir78729
committed
feat: update react components
1 parent a74c974 commit 51eaa3c

37 files changed

+237
-162
lines changed

‎packages/react-components/src/Avatar.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiAvatar } from "@tapsioss/web-components/avatar";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/avatar";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Avatar = createComponent({
6+
const __Avatar = LitReact.createComponent({
77
tagName: "tapsi-avatar",
8-
elementClass: TapsiAvatar,
8+
elementClass: ComponentNamespace.TapsiAvatar,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Avatar = __Avatar;

‎packages/react-components/src/Badge.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBadge } from "@tapsioss/web-components/badge";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/badge";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Badge = createComponent({
6+
const __Badge = LitReact.createComponent({
77
tagName: "tapsi-badge",
8-
elementClass: TapsiBadge,
8+
elementClass: ComponentNamespace.TapsiBadge,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Badge = __Badge;

‎packages/react-components/src/BadgeWrapper.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBadgeWrapper } from "@tapsioss/web-components/badge-wrapper";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/badge-wrapper";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __BadgeWrapper = createComponent({
6+
const __BadgeWrapper = LitReact.createComponent({
77
tagName: "tapsi-badge-wrapper",
8-
elementClass: TapsiBadgeWrapper,
8+
elementClass: ComponentNamespace.TapsiBadgeWrapper,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const BadgeWrapper = __BadgeWrapper;

‎packages/react-components/src/Banner.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBanner } from "@tapsioss/web-components/banner";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/banner";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Banner = createComponent({
6+
const __Banner = LitReact.createComponent({
77
tagName: "tapsi-banner",
8-
elementClass: TapsiBanner,
8+
elementClass: ComponentNamespace.TapsiBanner,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Banner = __Banner;

‎packages/react-components/src/BottomNavigation.ts

+9-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,18 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBottomNavigation } from "@tapsioss/web-components/bottom-navigation";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/bottom-navigation";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __BottomNavigation = createComponent({
6+
const __BottomNavigation = LitReact.createComponent({
77
tagName: "tapsi-bottom-navigation",
8-
elementClass: TapsiBottomNavigation,
8+
elementClass: ComponentNamespace.TapsiBottomNavigation,
99
react: React,
10-
events: {},
10+
events: {
11+
onActivechange:
12+
"activechange" as LitReact.EventName<ComponentNamespace.ActiveChangeEvent>,
13+
},
1114
});
15+
1216
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1317

1418
const BottomNavigation = __BottomNavigation;

‎packages/react-components/src/BottomNavigationItem.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBottomNavigationItem } from "@tapsioss/web-components/bottom-navigation";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/bottom-navigation";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __BottomNavigationItem = createComponent({
6+
const __BottomNavigationItem = LitReact.createComponent({
77
tagName: "tapsi-bottom-navigation-item",
8-
elementClass: TapsiBottomNavigationItem,
8+
elementClass: ComponentNamespace.TapsiBottomNavigationItem,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const BottomNavigationItem = __BottomNavigationItem;

‎packages/react-components/src/BottomSheet.ts

+14-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,23 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiBottomSheet } from "@tapsioss/web-components/bottom-sheet";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/bottom-sheet";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __BottomSheet = createComponent({
6+
const __BottomSheet = LitReact.createComponent({
77
tagName: "tapsi-bottom-sheet",
8-
elementClass: TapsiBottomSheet,
8+
elementClass: ComponentNamespace.TapsiBottomSheet,
99
react: React,
10-
events: {},
10+
events: {
11+
onSnapped: "snapped" as LitReact.EventName<ComponentNamespace.SnappedEvent>,
12+
onOpening: "opening" as LitReact.EventName<ComponentNamespace.OpeningEvent>,
13+
onClosing: "closing" as LitReact.EventName<ComponentNamespace.ClosingEvent>,
14+
onOpened: "opened" as LitReact.EventName<ComponentNamespace.OpenedEvent>,
15+
onClosed: "closed" as LitReact.EventName<ComponentNamespace.ClosedEvent>,
16+
onHide: "hide" as LitReact.EventName<ComponentNamespace.HideEvent>,
17+
onShow: "show" as LitReact.EventName<ComponentNamespace.ShowEvent>,
18+
},
1119
});
20+
1221
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1322

1423
const BottomSheet = __BottomSheet;

‎packages/react-components/src/Button.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiButton } from "@tapsioss/web-components/button/standard";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/button/standard";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Button = createComponent({
6+
const __Button = LitReact.createComponent({
77
tagName: "tapsi-button",
8-
elementClass: TapsiButton,
8+
elementClass: ComponentNamespace.TapsiButton,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Button = __Button;

‎packages/react-components/src/ButtonGroup.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiButtonGroup } from "@tapsioss/web-components/button-group";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/button-group";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __ButtonGroup = createComponent({
6+
const __ButtonGroup = LitReact.createComponent({
77
tagName: "tapsi-button-group",
8-
elementClass: TapsiButtonGroup,
8+
elementClass: ComponentNamespace.TapsiButtonGroup,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const ButtonGroup = __ButtonGroup;

‎packages/react-components/src/ChatBubbleIn.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiChatBubbleIn } from "@tapsioss/web-components/chat-bubble/in";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/chat-bubble/in";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __ChatBubbleIn = createComponent({
6+
const __ChatBubbleIn = LitReact.createComponent({
77
tagName: "tapsi-chat-bubble-in",
8-
elementClass: TapsiChatBubbleIn,
8+
elementClass: ComponentNamespace.TapsiChatBubbleIn,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const ChatBubbleIn = __ChatBubbleIn;

‎packages/react-components/src/ChatBubbleOut.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiChatBubbleOut } from "@tapsioss/web-components/chat-bubble/out";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/chat-bubble/out";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __ChatBubbleOut = createComponent({
6+
const __ChatBubbleOut = LitReact.createComponent({
77
tagName: "tapsi-chat-bubble-out",
8-
elementClass: TapsiChatBubbleOut,
8+
elementClass: ComponentNamespace.TapsiChatBubbleOut,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const ChatBubbleOut = __ChatBubbleOut;

‎packages/react-components/src/Checkbox.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiCheckbox } from "@tapsioss/web-components/checkbox";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/checkbox";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Checkbox = createComponent({
6+
const __Checkbox = LitReact.createComponent({
77
tagName: "tapsi-checkbox",
8-
elementClass: TapsiCheckbox,
8+
elementClass: ComponentNamespace.TapsiCheckbox,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Checkbox = __Checkbox;

‎packages/react-components/src/Chip.ts

+10-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,19 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiChip } from "@tapsioss/web-components/chip";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/chip";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Chip = createComponent({
6+
const __Chip = LitReact.createComponent({
77
tagName: "tapsi-chip",
8-
elementClass: TapsiChip,
8+
elementClass: ComponentNamespace.TapsiChip,
99
react: React,
10-
events: {},
10+
events: {
11+
onSelect: "select" as LitReact.EventName<ComponentNamespace.SelectEvent>,
12+
onDeselect:
13+
"deselect" as LitReact.EventName<ComponentNamespace.DeselectEvent>,
14+
},
1115
});
16+
1217
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1318

1419
const Chip = __Chip;

‎packages/react-components/src/ChipGroup.ts

+9-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,18 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiChipGroup } from "@tapsioss/web-components/chip-group";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/chip-group";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __ChipGroup = createComponent({
6+
const __ChipGroup = LitReact.createComponent({
77
tagName: "tapsi-chip-group",
8-
elementClass: TapsiChipGroup,
8+
elementClass: ComponentNamespace.TapsiChipGroup,
99
react: React,
10-
events: {},
10+
events: {
11+
onSelectchange:
12+
"selectchange" as LitReact.EventName<ComponentNamespace.SelectChangeEvent>,
13+
},
1114
});
15+
1216
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1317

1418
const ChipGroup = __ChipGroup;

‎packages/react-components/src/Divider.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiDivider } from "@tapsioss/web-components/divider";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/divider";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __Divider = createComponent({
6+
const __Divider = LitReact.createComponent({
77
tagName: "tapsi-divider",
8-
elementClass: TapsiDivider,
8+
elementClass: ComponentNamespace.TapsiDivider,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const Divider = __Divider;

‎packages/react-components/src/EmptyState.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiEmptyState } from "@tapsioss/web-components/empty-state";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/empty-state";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __EmptyState = createComponent({
6+
const __EmptyState = LitReact.createComponent({
77
tagName: "tapsi-empty-state",
8-
elementClass: TapsiEmptyState,
8+
elementClass: ComponentNamespace.TapsiEmptyState,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const EmptyState = __EmptyState;

‎packages/react-components/src/FileInput.ts

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,17 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiFileInput } from "@tapsioss/web-components/file-input";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/file-input";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __FileInput = createComponent({
6+
const __FileInput = LitReact.createComponent({
77
tagName: "tapsi-file-input",
8-
elementClass: TapsiFileInput,
8+
elementClass: ComponentNamespace.TapsiFileInput,
99
react: React,
10-
events: {},
10+
events: {
11+
onRetry: "retry" as LitReact.EventName<ComponentNamespace.RetryEvent>,
12+
},
1113
});
14+
1215
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1316

1417
const FileInput = __FileInput;

‎packages/react-components/src/IconButton.ts

+5-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
1-
import { createComponent } from "@lit/react";
2-
import { TapsiIconButton } from "@tapsioss/web-components/button/icon-button";
1+
import * as LitReact from "@lit/react";
2+
import * as ComponentNamespace from "@tapsioss/web-components/button/icon-button";
33
import * as React from "react";
44

55
/* START: AUTO-GENERATED [DO_NOT_REMOVE] */
6-
const __IconButton = createComponent({
6+
const __IconButton = LitReact.createComponent({
77
tagName: "tapsi-icon-button",
8-
elementClass: TapsiIconButton,
8+
elementClass: ComponentNamespace.TapsiIconButton,
99
react: React,
1010
events: {},
1111
});
12+
1213
/* END: AUTO-GENERATED [DO_NOT_REMOVE] */
1314

1415
const IconButton = __IconButton;

0 commit comments

Comments
 (0)