From 5ed54d872a70c2ba3c0a727d99093335e03f7a77 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Sun, 31 Dec 2023 15:25:03 -0300
Subject: updat web utils

---
 .../web-util/src/forms/InputSelectOne.stories.tsx  | 70 ++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 packages/web-util/src/forms/InputSelectOne.stories.tsx

(limited to 'packages/web-util/src/forms/InputSelectOne.stories.tsx')

diff --git a/packages/web-util/src/forms/InputSelectOne.stories.tsx b/packages/web-util/src/forms/InputSelectOne.stories.tsx
new file mode 100644
index 000000000..0bb871500
--- /dev/null
+++ b/packages/web-util/src/forms/InputSelectOne.stories.tsx
@@ -0,0 +1,70 @@
+/*
+ This file is part of GNU Taler
+ (C) 2022 Taler Systems S.A.
+
+ GNU Taler is free software; you can redistribute it and/or modify it under the
+ terms of the GNU General Public License as published by the Free Software
+ Foundation; either version 3, or (at your option) any later version.
+
+ GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
+ WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License along with
+ GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+ */
+
+/**
+ *
+ * @author Sebastian Javier Marchano (sebasjm)
+ */
+
+import { TranslatedString } from "@gnu-taler/taler-util";
+import * as tests from "@gnu-taler/web-util/testing";
+import {
+  NiceForm as TestedComponent,
+} from "./NiceForm.js";
+import { FlexibleForm } from "./forms.js";
+
+export default {
+  title: "Input Select One",
+};
+
+export namespace Simplest {
+  export interface Form {
+    comment: string;
+  }
+}
+
+type TargetObject = {
+  things: string;
+}
+const initial: TargetObject = {
+  things: "one"
+}
+
+const form: FlexibleForm<TargetObject> = {
+  design: [{
+    title: "this is a simple form" as TranslatedString,
+    fields: [{
+      type: "selectOne",
+      props: {
+        label: "label of the field" as TranslatedString,
+        name: "things",
+        placeholder: "search..." as TranslatedString,
+        choices: [{
+          label: "one label" as TranslatedString,
+          value: "one"
+        }, {
+          label: "two label" as TranslatedString,
+          value: "two"
+        }, {
+          label: "five label" as TranslatedString,
+          value: "five"
+        }]
+      },
+    }]
+  }]
+}
+
+export const SimpleComment = tests.createExample(TestedComponent, { initial, form });
-- 
cgit v1.2.3

