@factorialco/f0-react-native 0.24.1 → 0.26.0

package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap

@@ -1,695 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`DetailsItemsList Snapshot  1`] = `
-<View
-  className="flex gap-4"
->
-  <Text
-    className="mb-1 pl-1.5 text-sm font-semibold text-f1-foreground-secondary"
-  >
-    DETAILS
-  </Text>
-  <View
-    className="flex gap-3"
-  >
-    <View
-      className="flex gap-0.5"
-    >
-      <View
-        className="max-w-72 min-w-32"
-      >
-        <Text
-          className="px-1.5 text-f1-foreground-secondary"
-        >
-          Legal entity
-        </Text>
-        <View
-          className="flex flex-shrink justify-center gap-0.5"
-        >
-          <View
-            className="flex rounded font-medium text-f1-foreground *:flex-1"
-          >
-            <View
-              accessibilityLabel="Copy Everyday Software SL"
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-            >
-              <View
-                className="flex flex-row items-center gap-1.5"
-              >
-                <Text
-                  className="line-clamp-5 text-left text-f1-foreground"
-                >
-                  Everyday Software SL
-                </Text>
-              </View>
-              <View
-                className="flex"
-              >
-                <RNSVGSvgView
-                  align="xMidYMid"
-                  aria-hidden={true}
-                  bbHeight="100%"
-                  bbWidth="100%"
-                  className="shrink-0 w-5 h-5 stroke-md col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
-                  fill="none"
-                  focusable={false}
-                  meetOrSlice={0}
-                  minX={0}
-                  minY={0}
-                  style={
-                    [
-                      {
-                        "backgroundColor": "transparent",
-                        "borderWidth": 0,
-                      },
-                      [
-                        {},
-                      ],
-                      {
-                        "flex": 0,
-                        "height": "100%",
-                        "width": "100%",
-                      },
-                    ]
-                  }
-                  vbHeight={24}
-                  vbWidth={24}
-                >
-                  <RNSVGGroup
-                    fill={null}
-                    propList={
-                      [
-                        "fill",
-                      ]
-                    }
-                  >
-                    <RNSVGPath
-                      d="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
-                      fill={
-                        {
-                          "payload": 4278190080,
-                          "type": 0,
-                        }
-                      }
-                      propList={
-                        [
-                          "stroke",
-                          "strokeLinecap",
-                        ]
-                      }
-                      stroke={
-                        {
-                          "type": 2,
-                        }
-                      }
-                      strokeLinecap={1}
-                    />
-                    <RNSVGPath
-                      d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
-                      fill={
-                        {
-                          "payload": 4278190080,
-                          "type": 0,
-                        }
-                      }
-                      propList={
-                        [
-                          "stroke",
-                          "strokeLinecap",
-                          "strokeLinejoin",
-                        ]
-                      }
-                      stroke={
-                        {
-                          "type": 2,
-                        }
-                      }
-                      strokeLinecap={1}
-                      strokeLinejoin={1}
-                    />
-                  </RNSVGGroup>
-                </RNSVGSvgView>
-              </View>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-    <View
-      className="flex gap-0.5"
-    >
-      <View
-        className="max-w-72 min-w-32"
-      >
-        <Text
-          className="px-1.5 text-f1-foreground-secondary"
-        >
-          Manager
-        </Text>
-        <View
-          className="flex flex-shrink justify-center gap-0.5"
-        >
-          <View
-            className="flex rounded font-medium text-f1-foreground *:flex-1"
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
-              collapsable={false}
-              focusable={true}
-              handlePress={[Function]}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              type="generic"
-            >
-              <View
-                className="flex flex-row items-center gap-1.5"
-              >
-                <View
-                  className="inline-flex "
-                >
-                  <View
-                    className="h-fit w-fit"
-                  >
-                    <View
-                      aria-hidden={true}
-                      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-full bg-f1-background dark:bg-f1-background-inverse-secondary"
-                      data-a11y-color-contrast-ignore={true}
-                      role="img"
-                    >
-                      <View
-                        className="aspect-square h-full w-full"
-                      >
-                        <Image
-                          aria-label="S"
-                          source={
-                            {
-                              "uri": "https://github.com/sauldom102.png",
-                            }
-                          }
-                          style={
-                            {
-                              "height": "100%",
-                              "width": "100%",
-                            }
-                          }
-                        />
-                      </View>
-                    </View>
-                  </View>
-                </View>
-                <Text
-                  className="line-clamp-5 text-left text-f1-foreground"
-                >
-                  Saul Dominguez
-                </Text>
-              </View>
-              <RNSVGSvgView
-                align="xMidYMid"
-                aria-hidden={true}
-                bbHeight="100%"
-                bbWidth="100%"
-                className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
-                fill="none"
-                focusable={false}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    [
-                      {},
-                    ],
-                    {
-                      "flex": 0,
-                      "height": "100%",
-                      "width": "100%",
-                    },
-                  ]
-                }
-                vbHeight={24}
-                vbWidth={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="m9 6 6 6M9 18l6-6"
-                    fill={
-                      {
-                        "payload": 4278190080,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "stroke",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
-                      {
-                        "type": 2,
-                      }
-                    }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-    <View
-      className="flex gap-0.5"
-    >
-      <View
-        className="max-w-72 min-w-32"
-      >
-        <Text
-          className="px-1.5 text-f1-foreground-secondary"
-        >
-          Teams
-        </Text>
-        <View
-          className="flex flex-shrink justify-center gap-0.5"
-        >
-          <View
-            className="flex rounded font-medium text-f1-foreground *:flex-1"
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
-              collapsable={false}
-              focusable={true}
-              handlePress={[Function]}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              type="generic"
-            >
-              <View
-                className="flex flex-row items-center gap-1.5"
-              >
-                <View
-                  className="inline-flex "
-                >
-                  <View
-                    className="h-fit w-fit"
-                  >
-                    <View
-                      aria-hidden={true}
-                      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-[hsl(theme(colors.yellow-50))]"
-                      data-a11y-color-contrast-ignore={true}
-                      role="img"
-                    >
-                      <Text
-                        className="text-f1-foreground-inverse/90 text-sm"
-                        data-a11y-color-contrast-ignore={true}
-                      >
-                        M
-                      </Text>
-                    </View>
-                  </View>
-                </View>
-                <Text
-                  className="line-clamp-5 text-left text-f1-foreground"
-                >
-                  Management
-                </Text>
-              </View>
-              <RNSVGSvgView
-                align="xMidYMid"
-                aria-hidden={true}
-                bbHeight="100%"
-                bbWidth="100%"
-                className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
-                fill="none"
-                focusable={false}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    [
-                      {},
-                    ],
-                    {
-                      "flex": 0,
-                      "height": "100%",
-                      "width": "100%",
-                    },
-                  ]
-                }
-                vbHeight={24}
-                vbWidth={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="m9 6 6 6M9 18l6-6"
-                    fill={
-                      {
-                        "payload": 4278190080,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "stroke",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
-                      {
-                        "type": 2,
-                      }
-                    }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-          <View
-            className="flex rounded font-medium text-f1-foreground *:flex-1"
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
-              collapsable={false}
-              focusable={true}
-              handlePress={[Function]}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-              type="generic"
-            >
-              <View
-                className="flex flex-row items-center gap-1.5"
-              >
-                <View
-                  className="inline-flex "
-                >
-                  <View
-                    className="h-fit w-fit"
-                  >
-                    <View
-                      aria-hidden={true}
-                      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-[hsl(theme(colors.malibu-50))]"
-                      data-a11y-color-contrast-ignore={true}
-                      role="img"
-                    >
-                      <Text
-                        className="text-f1-foreground-inverse/90 text-sm"
-                        data-a11y-color-contrast-ignore={true}
-                      >
-                        E
-                      </Text>
-                    </View>
-                  </View>
-                </View>
-                <Text
-                  className="line-clamp-5 text-left text-f1-foreground"
-                >
-                  Engineering
-                </Text>
-              </View>
-              <RNSVGSvgView
-                align="xMidYMid"
-                aria-hidden={true}
-                bbHeight="100%"
-                bbWidth="100%"
-                className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
-                fill="none"
-                focusable={false}
-                meetOrSlice={0}
-                minX={0}
-                minY={0}
-                style={
-                  [
-                    {
-                      "backgroundColor": "transparent",
-                      "borderWidth": 0,
-                    },
-                    [
-                      {},
-                    ],
-                    {
-                      "flex": 0,
-                      "height": "100%",
-                      "width": "100%",
-                    },
-                  ]
-                }
-                vbHeight={24}
-                vbWidth={24}
-              >
-                <RNSVGGroup
-                  fill={null}
-                  propList={
-                    [
-                      "fill",
-                    ]
-                  }
-                >
-                  <RNSVGPath
-                    d="m9 6 6 6M9 18l6-6"
-                    fill={
-                      {
-                        "payload": 4278190080,
-                        "type": 0,
-                      }
-                    }
-                    propList={
-                      [
-                        "stroke",
-                        "strokeLinecap",
-                        "strokeLinejoin",
-                      ]
-                    }
-                    stroke={
-                      {
-                        "type": 2,
-                      }
-                    }
-                    strokeLinecap={1}
-                    strokeLinejoin={1}
-                  />
-                </RNSVGGroup>
-              </RNSVGSvgView>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-    <View
-      className="flex gap-0.5"
-    >
-      <View
-        className="max-w-72 min-w-32"
-      >
-        <Text
-          className="px-1.5 text-f1-foreground-secondary"
-        >
-          Type
-        </Text>
-        <View
-          className="flex flex-shrink justify-center gap-0.5"
-        >
-          <View
-            className="flex items-start pt-1"
-          >
-            <View
-              className="flex items-start"
-            >
-              <View
-                accessibilityState={
-                  {
-                    "busy": undefined,
-                    "checked": undefined,
-                    "disabled": true,
-                    "expanded": undefined,
-                    "selected": undefined,
-                  }
-                }
-                accessibilityValue={
-                  {
-                    "max": undefined,
-                    "min": undefined,
-                    "now": undefined,
-                    "text": undefined,
-                  }
-                }
-                accessible={true}
-                className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f1-border-secondary"
-                collapsable={false}
-                focusable={true}
-                onBlur={[Function]}
-                onClick={[Function]}
-                onFocus={[Function]}
-                onResponderGrant={[Function]}
-                onResponderMove={[Function]}
-                onResponderRelease={[Function]}
-                onResponderTerminate={[Function]}
-                onResponderTerminationRequest={[Function]}
-                onStartShouldSetResponder={[Function]}
-                style={
-                  [
-                    {
-                      "transform": [
-                        {
-                          "scale": 1,
-                        },
-                      ],
-                    },
-                    undefined,
-                  ]
-                }
-              >
-                <View
-                  aria-hidden={true}
-                  className="m-1 aspect-square w-2 rounded-full"
-                  style={
-                    {
-                      "backgroundColor": "#07A2AD",
-                    }
-                  }
-                />
-                <Text
-                  className="line-clamp-1 text-base font-medium text-f1-foreground"
-                >
-                  Holidays
-                </Text>
-              </View>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-  </View>
-</View>
-`;