@jobber/components-native 0.84.4-JOB-138679-b1552ab.68 → 0.84.4-match-mobi-accfa8a.9

package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap

@@ -150,6 +150,204 @@ exports[`renders a thumbnail component with attachments 1`] = `
         "top": 0,
       }
     }
-  />,
+  >
+    <View
+      backdropComponent={[Function]}
+      backgroundStyle={
+        {
+          "borderTopLeftRadius": 24,
+          "borderTopRightRadius": 24,
+        }
+      }
+      enablePanDownToClose={true}
+      handleStyle={
+        {
+          "display": "none",
+        }
+      }
+      keyboardBlurBehavior="restore"
+      style={
+        {
+          "display": "none",
+        }
+      }
+      testID="bottom-sheet-mock"
+    >
+      <View
+        style={
+          {
+            "paddingBottom": 8,
+            "paddingTop": 8,
+          }
+        }
+        testID="bottom-sheet-view"
+      >
+        <View
+          accessibilityLabel="Preview "
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            {
+              "alignContent": "center",
+              "alignItems": "center",
+              "display": "flex",
+              "flexDirection": "row",
+              "opacity": 1,
+              "padding": 8,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "paddingHorizontal": 8,
+              }
+            }
+          >
+            <RNSVGSvgView
+              align="xMidYMid"
+              bbHeight={24}
+              bbWidth={24}
+              focusable={false}
+              meetOrSlice={0}
+              minX={0}
+              minY={0}
+              style={
+                [
+                  {
+                    "backgroundColor": "transparent",
+                    "borderWidth": 0,
+                  },
+                  {
+                    "display": "flex",
+                    "fill": "hsl(198, 35%, 21%)",
+                    "height": 24,
+                    "verticalAlign": "middle",
+                    "width": 24,
+                  },
+                  {
+                    "flex": 0,
+                    "height": 24,
+                    "width": 24,
+                  },
+                ]
+              }
+              testID="eye"
+              vbHeight={24}
+              vbWidth={24}
+            >
+              <RNSVGGroup
+                fill={
+                  {
+                    "payload": 4280499528,
+                    "type": 0,
+                  }
+                }
+                propList={
+                  [
+                    "fill",
+                  ]
+                }
+              >
+                <RNSVGPath
+                  d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"
+                  fill={
+                    {
+                      "payload": 4280499528,
+                      "type": 0,
+                    }
+                  }
+                  propList={
+                    [
+                      "fill",
+                    ]
+                  }
+                />
+                <RNSVGPath
+                  d="M21.863 12.477C20.794 14.2 16.703 20 12 20c-4.702 0-8.795-5.8-9.863-7.523a.903.903 0 0 1 0-.954C3.205 9.8 7.297 4 12 4c4.703 0 8.794 5.8 9.863 7.523a.903.903 0 0 1 0 .954ZM20 12s-3.582-6-8-6-8 6-8 6 3.582 6 8 6 8-6 8-6Z"
+                  fill={
+                    {
+                      "payload": 4280499528,
+                      "type": 0,
+                    }
+                  }
+                  propList={
+                    [
+                      "fill",
+                    ]
+                  }
+                />
+              </RNSVGGroup>
+            </RNSVGSvgView>
+          </View>
+          <View
+            style={
+              {
+                "flexShrink": 1,
+                "paddingHorizontal": 8,
+              }
+            }
+          >
+            <Text
+              accessibilityRole="text"
+              adjustsFontSizeToFit={false}
+              allowFontScaling={true}
+              collapsable={false}
+              maxFontSizeMultiplier={3.125}
+              selectable={true}
+              selectionColor="hsl(86, 100%, 46%)"
+              style={
+                [
+                  {
+                    "fontFamily": "inter-semibold",
+                  },
+                  {
+                    "color": "hsl(197, 15%, 43%)",
+                  },
+                  {
+                    "textAlign": "left",
+                  },
+                  {
+                    "fontSize": 16,
+                    "lineHeight": 20,
+                  },
+                  {
+                    "letterSpacing": 0,
+                  },
+                ]
+              }
+            >
+              Preview 
+            </Text>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>,
 ]
 `;

package/src/hooks/useFormController.ts

@@ -40,7 +40,7 @@ export function useFormController<T>({
     name: fieldName,
     control,
     rules: validations,
-    defaultValue: value || undefined,
+    defaultValue: typeof value === "boolean" ? value : value || undefined,
   });
 
   // The naming convention established by react-hook-form for arrays of fields is, for example, "emails.0.description".

package/src/index.ts

@@ -39,6 +39,7 @@ export * from "./Menu";
 export * from "./ProgressBar";
 export * from "./Select";
 export * from "./StatusLabel";
+export * from "./StatusIndicator";
 export * from "./Switch";
 export * from "./Text";
 export * from "./TextList";

package/src/utils/meta/meta.json

@@ -57,6 +57,7 @@
     "Option",
     "ProgressBar",
     "Select",
+    "StatusIndicator",
     "StatusLabel",
     "Switch",
     "Text",