ferns-ui 0.35.0 → 0.36.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ferns-ui",
-  "version": "0.35.0",
+  "version": "0.36.1",
   "main": "dist/index.js",
   "license": "Apache-2.0",
   "scripts": {
@@ -113,27 +113,28 @@
     ]
   },
   "devDependencies": {
+    "@expo/config-plugins": "~7.2.2",
     "@expo/vector-icons": "^13.0.0",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/blur": "^4.3.0",
     "@react-native-community/datetimepicker": "7.2.0",
     "@react-native-picker/picker": "2.4.10",
     "@types/mdurl": "^1.0.2",
-    "@types/react": "^18.2.18",
+    "@types/react": "^18.2.21",
     "@types/react-datetime-picker": "^5.0.0",
     "@types/react-time-picker": "^6.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
     "dayjs": "^1.11.9",
-    "eslint": "^8.35.0",
+    "eslint": "^8.49.0",
     "eslint-config-ferns": "^0.4.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-import": "^2.27.5",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-lodash": "^7.1.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "eslint-plugin-react-native": "^4.0.0",
+    "eslint-plugin-react-native": "^4.1.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-unused-imports": "3.0.0",
     "expo-clipboard": "~4.3.1",
@@ -141,10 +142,10 @@
     "expo-haptics": "~12.4.0",
     "expo-image-manipulator": "~11.3.0",
     "expo-image-picker": "~14.3.2",
-    "libphonenumber-js": "^1.10.21",
+    "libphonenumber-js": "^1.10.44",
     "lodash": "^4.17.21",
     "mdurl": "^1.0.1",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.3",
     "react": "18.2.0",
     "react-app-polyfill": "^3.0.0",
     "react-date-picker": "^10.0.3",
@@ -152,24 +153,24 @@
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.2.0",
     "react-keyed-flatten-children": "^2.2.1",
-    "react-native": "0.72.3",
-    "react-native-actions-sheet": "^0.8.29",
-    "react-native-calendars": "^1.1295.0",
+    "react-native": "0.72.5",
+    "react-native-actions-sheet": "^0.9.0-alpha.21",
+    "react-native-calendars": "^1.1301.0",
     "react-native-drawer-layout": "^3.2.1",
     "react-native-gesture-handler": "~2.12.1",
     "react-native-modalize": "^2.1.1",
-    "react-native-permissions": "^3.7.3",
-    "react-native-picker-select": "^8.0.4",
+    "react-native-permissions": "^3.9.1",
+    "react-native-picker-select": "^8.1.0",
     "react-native-portalize": "^1.0.7",
-    "react-native-reanimated": "3.3.0",
+    "react-native-reanimated": "~3.3.0",
     "react-native-svg": "13.9.0",
     "react-native-swiper-flatlist": "^3.1.1",
-    "react-native-toast-notifications": "^3.3.1",
-    "react-router": "^6.11.2",
-    "react-router-dom": "^6.11.2",
+    "react-native-toast-notifications": "^3.4.0",
+    "react-router": "^6.15.0",
+    "react-router-dom": "^6.15.0",
     "react-time-picker": "^6.0.4",
-    "tsc-watch": "^5.0.3",
-    "typescript": "^5.0.4"
+    "tsc-watch": "^6.0.4",
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "@expo/vector-icons": "^13.0.0",
@@ -177,15 +178,15 @@
     "@react-native-community/blur": "^4.3.0",
     "@react-native-community/datetimepicker": "7.2.0",
     "@react-native-picker/picker": "2.4.10",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
     "dayjs": "^1.11.9",
     "expo-clipboard": "~4.3.1",
     "expo-font": "~11.4.0",
     "expo-haptics": "~12.4.0",
     "expo-image-manipulator": "~11.3.0",
     "expo-image-picker": "~14.3.2",
-    "libphonenumber-js": "^1.10.21",
+    "libphonenumber-js": "^1.10.44",
     "lodash": "^4.17.21",
     "react": "18.2.0",
     "react-app-polyfill": "^3.0.0",
@@ -193,20 +194,20 @@
     "react-datetime-picker": "^5.0.3",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.2.0",
-    "react-native": "0.72.3",
-    "react-native-actions-sheet": "^0.8.29",
-    "react-native-calendars": "^1.1295.0",
+    "react-native": "0.72.5",
+    "react-native-actions-sheet": "^0.9.0-alpha.21",
+    "react-native-calendars": "^1.1301.0",
     "react-native-drawer-layout": "^3.2.1",
     "react-native-gesture-handler": "~2.12.1",
     "react-native-modalize": "^2.1.1",
-    "react-native-permissions": "^3.7.3",
-    "react-native-picker-select": "^8.0.4",
+    "react-native-permissions": "^3.9.1",
+    "react-native-picker-select": "^8.1.0",
     "react-native-portalize": "^1.0.7",
-    "react-native-reanimated": "3.3.0",
+    "react-native-reanimated": "~3.3.0",
     "react-native-svg": "13.9.0",
-    "react-native-toast-notifications": "^3.3.1",
-    "react-router": "^6.11.2",
-    "react-router-dom": "^6.11.2",
+    "react-native-toast-notifications": "^3.4.0",
+    "react-router": "^6.15.0",
+    "react-router-dom": "^6.15.0",
     "react-time-picker": "^6.0.4"
   }
 }

package/src/Common.ts

@@ -2172,7 +2172,6 @@ export interface BackButtonInterface {
 }
 
 export interface CheckBoxProps {
-  id: string;
   onChange: ({value}: {value: boolean}) => void;
   checked?: boolean;
   disabled?: boolean;

package/src/Field.tsx

@@ -13,7 +13,7 @@ import {TextArea} from "./TextArea";
 import {TextField} from "./TextField";
 
 export interface FieldProps extends FieldWithLabelsProps {
-  name: string;
+  name?: string;
   label?: string;
   height?: number;
   type?:
@@ -107,7 +107,6 @@ export const Field = ({
                   key={o.label + o.value}
                   checked={(value ?? []).includes(o.value)}
                   disabled={disabled}
-                  id={name}
                   name={name}
                   size="sm"
                   onChange={(result) => {

package/src/Modal.tsx

@@ -85,31 +85,31 @@ export const Modal = ({
       return null;
     }
     return (
-      <Box padding={3} width="100%">
-        <IconButton
-          accessibilityLabel="close"
-          bgColor="white"
-          icon="times"
-          iconColor="darkGray"
-          onClick={() => onDismiss()}
-        />
-      </Box>
+      <IconButton
+        accessibilityLabel="close"
+        bgColor="white"
+        icon="times"
+        iconColor="darkGray"
+        onClick={() => onDismiss()}
+      />
     );
   };
 
   const renderModalHeader = (): React.ReactElement => {
     return (
-      <Box paddingY={3} width="100%">
-        <Box>
+      <Box direction="row" padding={3} width="100%">
+        <Box width={40}>{renderClose()}</Box>
+        <Box direction="column" flex="grow">
           <Heading align={align === "center" ? "center" : undefined} size="sm">
             {heading}
           </Heading>
+          {Boolean(subHeading) && (
+            <Box paddingY={2}>
+              <Text align={align === "center" ? "center" : undefined}>{subHeading}</Text>
+            </Box>
+          )}
         </Box>
-        {Boolean(subHeading) && (
-          <Box paddingY={2}>
-            <Text align={align === "center" ? "center" : undefined}>{subHeading}</Text>
-          </Box>
-        )}
+        <Box width={40} />
       </Box>
     );
   };
@@ -173,7 +173,6 @@ export const Modal = ({
           width={sizePx}
         >
           <Box marginBottom={6} width="100%">
-            {renderClose()}
             {renderModalHeader()}
             <Box paddingY={4}>{children}</Box>
             <Box paddingY={4}>{renderModalFooter()}</Box>
@@ -220,13 +219,13 @@ export const Modal = ({
             )}
           </Box>
 
-          <Box alignSelf="end">
+          <Box alignSelf="start" height="100%" justifyContent="start">
             {Boolean(primaryButtonText) && (
               <Button
                 color="primary"
                 disabled={primaryButtonDisabled}
                 inline
-                size="lg"
+                size="md"
                 text={primaryButtonText!}
                 type="ghost"
                 onClick={primaryButtonOnClick}

package/src/SegmentedControl.tsx

@@ -13,7 +13,11 @@ export const SegmentedControl = ({
   selectLimit = 1,
 }: SegmentedControlProps) => {
   const renderItem = (item: string | React.ReactNode) => {
-    return <Text weight="bold">{item}</Text>;
+    return (
+      <Text align="center" weight="bold">
+        {item}
+      </Text>
+    );
     // if (typeof item === "string") {
     //   return <Text weight="bold">{item}</Text>;
     // } else {
@@ -67,6 +71,7 @@ export const SegmentedControl = ({
             display="flex"
             height="100%"
             justifyContent="center"
+            paddingX={1}
             width="100%"
             onClick={() => {
               if (

package/src/TapToEdit.tsx

@@ -192,7 +192,9 @@ export const TapToEdit = ({
               onClick={
                 () =>
                   Linking.openURL(
-                    `https://www.google.com/maps/search/?q=${formatAddress(value, true)}`
+                    `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(
+                      formatAddress(value, true)
+                    )}`
                   )
                 // eslint-disable-next-line react/jsx-curly-newline
               }

package/updateDeps.js

@@ -0,0 +1,14 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const pkg = require("./package.json");
+if (require.main === module) {
+  for (const peerDep of Object.keys(pkg.peerDependencies)) {
+    if (pkg.devDependencies[peerDep] !== pkg.peerDependencies[peerDep]) {
+      pkg.peerDependencies[peerDep] = pkg.devDependencies[peerDep];
+    }
+  }
+  // save the updated package.json
+  const fs = require("fs");
+  fs.writeFileSync("./package.json", JSON.stringify(pkg, null, 2));
+} else {
+  console.error("Must be run as a module");
+}