use weave-checkbox

spacemakerai · Nov 6, 2023 · 0e2eb16 · 0e2eb16
1 parent 5895076
commit 0e2eb16
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/analyses/dynamo/index.html b/analyses/dynamo/index.html
@@ -17,6 +17,10 @@
  type="module"
  src="https://app.autodeskforma.eu/design-system/v2/weave/components/input/weave-input.js"
  ></script>
+ <script
+ type="module"
+ src="https://app.autodeskforma.eu/design-system/v2/weave/components/checkbox/weave-checkbox.js"
+ ></script>
  <title>Dynamo Player</title>
  </head>
  <body>

diff --git a/analyses/dynamo/src/floatingpanel/pages/components/DynamoInput.tsx b/analyses/dynamo/src/floatingpanel/pages/components/DynamoInput.tsx
@@ -49,11 +49,9 @@ function DynamoInputComponent({
  );
  } else if (input.type === "BoolSelector") {
  return (
- <input
- type="checkbox"
- defaultChecked={value}
- // @ts-ignore
- onChange={(ev) => setValue(input.id, ev.target.checked)}
+ <weave-checkbox
+ checked={value}
+ onChange={(ev) => setValue(input.id, ev.detail.checked)}
  />
  );
  } else if (input.type === "DoubleSlider") {

diff --git a/analyses/dynamo/src/lib/weave.d.ts b/analyses/dynamo/src/lib/weave.d.ts
@@ -16,6 +16,10 @@ export declare module "preact/src/jsx" {
  "weave-input": JSXInternal.HTMLAttributes<HTMLInputElement> & {
  showlabel?: "true" | "false";
  };
+ "weave-checkbox": Omit<JSX.HTMLAttributes<HTMLElement>, "onChange"> & {
+ checked?: boolean;
+ onChange: (e: CustomEvent<{ checked: boolean }>) => void;
+ };
  }
  }
 }