@factorialco/f0-react-native 0.22.0 → 0.23.1

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

@@ -0,0 +1,695 @@
+// 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="min-w-32 max-w-72"
+      >
+        <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="min-w-32 max-w-72"
+      >
+        <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-f1-foreground 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 dark:bg-f1-background-inverse-secondary bg-f1-background"
+                      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="min-w-32 max-w-72"
+      >
+        <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-f1-foreground 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-f1-foreground 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="min-w-32 max-w-72"
+      >
+        <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="text-f1-foreground line-clamp-1 text-base font-medium"
+                >
+                  Holidays
+                </Text>
+              </View>
+            </View>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;

package/lib/module/components/experimental/Lists/DetailsItemsList/index.js

@@ -0,0 +1,2 @@
+import React from"react";import{Text,View}from"react-native";import{cn}from"../../../../lib/utils";import{DetailsItem}from"../DetailsItem";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export var DetailsItemsList=function DetailsItemList(_ref){var title=_ref.title,_ref$tableView=_ref.tableView,tableView=_ref$tableView===void 0?false:_ref$tableView,_ref$isHorizontalItem=_ref.isHorizontalItem,isHorizontalItem=_ref$isHorizontalItem===void 0?false:_ref$isHorizontalItem,details=_ref.details;return _jsxs(View,{className:"flex gap-4",children:[!!title&&_jsx(Text,{className:"mb-1 pl-1.5 text-sm font-semibold text-f1-foreground-secondary",children:title.toLocaleUpperCase()}),_jsx(View,{className:cn("flex",tableView?"rounded-[16px] border border-solid border-f1-border-secondary":"gap-3"),children:details==null?void 0:details.map(function(item,index){return _jsxs(React.Fragment,{children:[_jsx(DetailsItem,{title:item.title,content:item.content,spacingAtTheBottom:item.spacingAtTheBottom,tableView:tableView,isHorizontalItem:isHorizontalItem},item.title),tableView&&index!==details.length-1&&_jsx(View,{className:"h-[1px] w-full bg-f1-border-secondary"})]},item.title);})})]});};
+//# sourceMappingURL=index.js.map

package/lib/module/components/experimental/Lists/DetailsItemsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","cn","DetailsItem","jsx","_jsx","jsxs","_jsxs","DetailsItemsList","DetailsItemList","_ref","title","_ref$tableView","tableView","_ref$isHorizontalItem","isHorizontalItem","details","className","children","toLocaleUpperCase","map","item","index","Fragment","content","spacingAtTheBottom","length"],"sourceRoot":"../../../../../../src","sources":["components/experimental/Lists/DetailsItemsList/index.tsx"],"mappings":"AAAA,MAAO,CAAAA,KAAK,KAAM,OAAO,CACzB,OAASC,IAAI,CAAEC,IAAI,KAAQ,cAAc,CACzC,OAASC,EAAE,KAAQ,uBAAuB,CAC1C,OAASC,WAAW,KAAyB,gBAAgB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAS9D,MAAO,IAAM,CAAAC,gBAAgB,CAAG,QAAS,CAAAC,eAAeA,CAAAC,IAAA,CAK9B,IAJxB,CAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,cAAA,CAAAF,IAAA,CACLG,SAAS,CAATA,SAAS,CAAAD,cAAA,UAAG,KAAK,CAAAA,cAAA,CAAAE,qBAAA,CAAAJ,IAAA,CACjBK,gBAAgB,CAAhBA,gBAAgB,CAAAD,qBAAA,UAAG,KAAK,CAAAA,qBAAA,CACxBE,OAAO,CAAAN,IAAA,CAAPM,OAAO,CAEP,MACE,CAAAT,KAAA,CAACN,IAAI,EAACgB,SAAS,CAAC,YAAY,CAAAC,QAAA,EACzB,CAAC,CAACP,KAAK,EACNN,IAAA,CAACL,IAAI,EAACiB,SAAS,CAAC,gEAAgE,CAAAC,QAAA,CAC7EP,KAAK,CAACQ,iBAAiB,CAAC,CAAC,CACtB,CACP,CACDd,IAAA,CAACJ,IAAI,EACHgB,SAAS,CAAEf,EAAE,CACX,MAAM,CACNW,SAAS,CACL,+DAA+D,CAC/D,OACN,CAAE,CAAAK,QAAA,CAEDF,OAAO,cAAPA,OAAO,CAAEI,GAAG,CAAC,SAACC,IAAI,CAAEC,KAAK,QACxB,CAAAf,KAAA,CAACR,KAAK,CAACwB,QAAQ,EAAAL,QAAA,EACbb,IAAA,CAACF,WAAW,EACVQ,KAAK,CAAEU,IAAI,CAACV,KAAM,CAElBa,OAAO,CAAEH,IAAI,CAACG,OAAQ,CACtBC,kBAAkB,CAAEJ,IAAI,CAACI,kBAAmB,CAC5CZ,SAAS,CAAEA,SAAU,CACrBE,gBAAgB,CAAEA,gBAAiB,EAJ9BM,IAAI,CAACV,KAKX,CAAC,CACDE,SAAS,EAAIS,KAAK,GAAKN,OAAO,CAACU,MAAM,CAAG,CAAC,EACxCrB,IAAA,CAACJ,IAAI,EAACgB,SAAS,CAAC,uCAAuC,CAAE,CAC1D,GAXkBI,IAAI,CAACV,KAYV,CAAC,EAClB,CAAC,CACE,CAAC,EACH,CAAC,CAEX,CAAC","ignoreList":[]}