feat: make steps of enter details flow dynamic depending on data

2024-11-18 09:13:23 +01:00
parent d49e301634
commit c6fc500d9e
62 changed files with 959 additions and 659 deletions
--- a/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx
+++ b/components/TempDesignSystem/Form/ChoiceCard/_Card/index.tsx
@@ -15,6 +15,7 @@ export default function Card({
  iconHeight = 32,
  iconWidth = 32,
  declined = false,
+  defaultChecked,
  highlightSubtitle = false,
  id,
  list,
@@ -45,6 +46,7 @@ export default function Card({
      <input
        {...register(name)}
        aria-hidden
+        defaultChecked={defaultChecked}
        id={id || name}
        hidden
        type={type}
--- a/components/TempDesignSystem/Select/index.tsx
+++ b/components/TempDesignSystem/Select/index.tsx
@@ -12,6 +12,7 @@ import {

 import Label from "@/components/TempDesignSystem/Form/Label"
 import Body from "@/components/TempDesignSystem/Text/Body"
+import useSetOverflowVisibleOnRA from "@/hooks/useSetOverflowVisibleOnRA"

 import SelectChevron from "../Form/SelectChevron"

@@ -39,6 +40,7 @@ export default function Select({
  discreet = false,
 }: SelectProps) {
  const [rootDiv, setRootDiv] = useState<SelectPortalContainer>(undefined)
+  const setOverflowVisible = useSetOverflowVisibleOnRA()

  function setRef(node: SelectPortalContainerArgs) {
    if (node) {
@@ -60,6 +62,7 @@ export default function Select({
        onSelectionChange={handleOnSelect}
        placeholder={placeholder}
        selectedKey={value as Key}
+        onOpenChange={setOverflowVisible}
      >
        <Body asChild fontOnly>
          <Button className={styles.input} data-testid={name}>