fix(segmented-button): move types and validSizes to marko file (#2100)

* fix(segmented-button): move types and validSizes to marko file * chore: add changeset
eBay · Feb 15, 2024 · 277f12b · 277f12b
1 parent e836526
commit 277f12b
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 25 deletions.
diff --git a/.changeset/afraid-mugs-search.md b/.changeset/afraid-mugs-search.md
@@ -0,0 +1,5 @@
+---
+"@ebay/ebayui-core": patch
+---
+
+fix segmented-buttons-import error
diff --git a/src/components/ebay-segmented-buttons/component.ts b/src/components/ebay-segmented-buttons/component.ts
@@ -1,27 +1,8 @@
-import type { WithNormalizedProps } from "../../global";
-
-export const validSizes = ["large"] as const;
-
-export interface SegmentedButtonsEvent {
-    originalEvent: PointerEvent;
-    index: number;
-    value?: string;
-}
-
-export interface SegmentedButton
-    extends Omit<Marko.Input<"button">, `on${string}`> {
-    selected?: boolean;
-    icon?: Marko.Renderable;
-}
-
-interface SegmentedButtonsInput
-    extends Omit<Marko.Input<"div">, `on${string}`> {
-    buttons?: Marko.RepeatableAttrTag<SegmentedButton>;
-    size?: (typeof validSizes)[number];
-    "on-change"?: (event: SegmentedButtonsEvent) => void;
-}
-
-export interface Input extends WithNormalizedProps<SegmentedButtonsInput> {}
+import type {
+    Input,
+    SegmentedButton,
+    SegmentedButtonsEvent,
+} from "./index.marko";
 
 interface State {
     selectedIndex: number;

diff --git a/src/components/ebay-segmented-buttons/index.marko b/src/components/ebay-segmented-buttons/index.marko
@@ -1,6 +1,26 @@
 import { processHtmlAttributes } from "../../common/html-attributes";
+import type { WithNormalizedProps } from "../../global";
 
-import { validSizes } from "./component";
+static const validSizes = ["large"] as const;
+
+export interface SegmentedButtonsEvent {
+    originalEvent: PointerEvent;
+    index: number;
+    value?: string;
+}
+
+export interface SegmentedButton extends Omit<Marko.Input<"button">, `on${string}`> {
+    selected?: boolean;
+    icon?: Marko.Renderable;
+}
+
+static interface SegmentedButtonsInput extends Omit<Marko.Input<"div">, `on${string}`> {
+    buttons?: Marko.RepeatableAttrTag<SegmentedButton>;
+    size?: (typeof validSizes)[number];
+    "on-change"?: (event: SegmentedButtonsEvent) => void;
+}
+
+export interface Input extends WithNormalizedProps<SegmentedButtonsInput> {}
 
 $ let {
     size: inputSize,