From f4f798b1b4bae3073b669a562fd2b3a7880dffc3 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 15 May 2023 11:45:23 -0300
Subject: second form

---
 .../src/forms/InputArray.tsx                       | 179 ---------------------
 1 file changed, 179 deletions(-)
 delete mode 100644 packages/exchange-backoffice-ui/src/forms/InputArray.tsx

(limited to 'packages/exchange-backoffice-ui/src/forms/InputArray.tsx')

diff --git a/packages/exchange-backoffice-ui/src/forms/InputArray.tsx b/packages/exchange-backoffice-ui/src/forms/InputArray.tsx
deleted file mode 100644
index b2905a2a7..000000000
--- a/packages/exchange-backoffice-ui/src/forms/InputArray.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import { Fragment, VNode, h } from "preact";
-import { useEffect, useState } from "preact/hooks";
-import { FormProvider } from "./FormProvider.js";
-import { LabelWithTooltipMaybeRequired, UIFormProps } from "./InputLine.js";
-import { RenderAllFieldsByUiConfig, UIFormField } from "./forms.js";
-import { useField } from "./useField.js";
-import { TranslatedString } from "@gnu-taler/taler-util";
-
-function Option({
-  label,
-  disabled,
-  isFirst,
-  isLast,
-  isSelected,
-  onClick,
-}: {
-  label: TranslatedString;
-  isFirst?: boolean;
-  isLast?: boolean;
-  isSelected?: boolean;
-  disabled?: boolean;
-  onClick: () => void;
-}): VNode {
-  let clazz = "relative flex border p-4 focus:outline-none disabled:text-grey";
-  if (isFirst) {
-    clazz += " rounded-tl-md rounded-tr-md ";
-  }
-  if (isLast) {
-    clazz += " rounded-bl-md rounded-br-md ";
-  }
-  if (isSelected) {
-    clazz += " z-10 border-indigo-200 bg-indigo-50 ";
-  } else {
-    clazz += " border-gray-200";
-  }
-  if (disabled) {
-    clazz +=
-      " cursor-not-allowed bg-gray-50 text-gray-500 ring-gray-200  text-gray";
-  } else {
-    clazz += " cursor-pointer";
-  }
-  return (
-    <label class={clazz}>
-      <input
-        type="radio"
-        name="privacy-setting"
-        checked={isSelected}
-        disabled={disabled}
-        onClick={onClick}
-        class="mt-0.5 h-4 w-4 shrink-0 text-indigo-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200  focus:ring-indigo-600"
-        aria-labelledby="privacy-setting-0-label"
-        aria-describedby="privacy-setting-0-description"
-      />
-      <span class="ml-3 flex flex-col">
-        <span
-          id="privacy-setting-0-label"
-          disabled
-          class="block text-sm font-medium"
-        >
-          {label}
-        </span>
-        {/* <!-- Checked: "text-indigo-700", Not Checked: "text-gray-500" --> */}
-        {/* <span
-        id="privacy-setting-0-description"
-        class="block text-sm"
-      >
-        This project would be available to anyone who has the link
-      </span> */}
-      </span>
-    </label>
-  );
-}
-
-export function InputArray(
-  props: {
-    fields: UIFormField[];
-    labelField: string;
-  } & UIFormProps<Array<{}>>,
-): VNode {
-  const { fields, labelField, name, label, required, tooltip } = props;
-  const { value, onChange } = useField<{ [s: string]: Array<any> }>(name);
-  const list = value ?? [];
-  const [selectedIndex, setSelected] = useState<number | undefined>(undefined);
-  const selected =
-    selectedIndex === undefined ? undefined : list[selectedIndex];
-
-  return (
-    <div class="sm:col-span-6">
-      <LabelWithTooltipMaybeRequired
-        label={label}
-        required={required}
-        tooltip={tooltip}
-      />
-
-      <div class="-space-y-px rounded-md bg-white ">
-        {list.map((v, idx) => {
-          return (
-            <Option
-              label={v[labelField]}
-              isSelected={selectedIndex === idx}
-              isLast={idx === list.length - 1}
-              disabled={selectedIndex !== undefined && selectedIndex !== idx}
-              isFirst={idx === 0}
-              onClick={() => {
-                setSelected(selectedIndex === idx ? undefined : idx);
-              }}
-            />
-          );
-        })}
-        <div class="pt-2">
-          <Option
-            label={"Add..." as TranslatedString}
-            isSelected={selectedIndex === list.length}
-            isLast
-            isFirst
-            disabled={
-              selectedIndex !== undefined && selectedIndex !== list.length
-            }
-            onClick={() => {
-              setSelected(
-                selectedIndex === list.length ? undefined : list.length,
-              );
-            }}
-          />
-        </div>
-      </div>
-      {selectedIndex !== undefined && (
-        <FormProvider
-          initialValue={selected}
-          onUpdate={(v) => {
-            const newValue = [...list];
-            newValue.splice(selectedIndex, 1, v);
-            onChange(newValue);
-          }}
-        >
-          <div class="px-4 py-6">
-            <div class="grid grid-cols-1 gap-y-8 ">
-              <RenderAllFieldsByUiConfig fields={fields} />
-            </div>
-          </div>
-        </FormProvider>
-      )}
-      {selectedIndex !== undefined && (
-        <div class="flex items-center pt-3">
-          <div class="flex-auto">
-            {selected !== undefined && (
-              <button
-                type="button"
-                onClick={() => {
-                  const newValue = [...list];
-                  newValue.splice(selectedIndex, 1);
-                  onChange(newValue);
-                  setSelected(undefined);
-                }}
-                class="block rounded-md bg-red-600 px-3 py-2 text-center text-sm  text-white shadow-sm hover:bg-red-500 "
-              >
-                Remove
-              </button>
-            )}
-          </div>
-          {/* <div class="flex-none">
-            <button
-              type="button"
-              onClick={() => {
-                const newValue = [...list];
-                newValue.splice(selectedIndex, 1, subForm);
-                onChange(newValue);
-                setSelected(undefined);
-              }}
-              class="block rounded-md bg-indigo-600 px-3 py-2 text-center text-sm  text-white shadow-sm hover:bg-indigo-500 "
-            >
-              Confirm
-            </button>
-          </div> */}
-        </div>
-      )}
-    </div>
-  );
-}
-- 
cgit v1.2.3

