@draftbit/core 43.4.11-ba6514.0 → 43.4.11-ca8fc3.1

package/lib/typescript/src/mappings/KeyboardAwareScrollView.d.ts

@@ -0,0 +1,82 @@
+export declare const SEED_DATA: {
+    name: string;
+    tag: string;
+    description: string;
+    category: string;
+    layout: {};
+    props: {
+        viewIsInsideTabBar: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        enableAutomaticScroll: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        extraHeight: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        extraScrollHeight: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        enableResetScrollToCoords: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+        keyboardOpeningTime: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            group: string;
+            defaultValue: null;
+            editable: boolean;
+            required: boolean;
+            step: number;
+        };
+        enableOnAndroid: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.4.11-ba6514.0+ba6514a2",
+  "version": "43.4.11-ca8fc3.1+ca8fc360",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "ba6514a22d03e7d7de755c12b83d115c78c146c4"
+  "gitHead": "ca8fc360a04be664d5b932ba3bdb8a0616f8ef58"
 }

package/src/components/NumberInput.js

@@ -2,8 +2,7 @@ import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
 const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
-    const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
-    const formatValueToStringNumber = (valueToFormat) => {
+    const formatValueToStringNumber = (valueToFormat, currentStringNumberValue) => {
         if (valueToFormat != null) {
             if (isString(valueToFormat) && valueToFormat !== "") {
                 if (/^0[1-9]$/.test(valueToFormat)) {
@@ -12,7 +11,7 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
                 else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
                     return valueToFormat;
                 }
-                else {
+                else if (currentStringNumberValue) {
                     return currentStringNumberValue;
                 }
             }
@@ -22,23 +21,25 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
         }
         return "0";
     };
-    // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
+    const [currentStringNumberValue, setCurrentStringNumberValue] = useState(formatValueToStringNumber("0"));
+    const handleChangeText = (newValue) => {
+        const newStringNumberValue = formatValueToStringNumber(newValue, currentStringNumberValue);
+        const number = parseFloat(newStringNumberValue);
+        setCurrentStringNumberValue(newStringNumberValue);
+        onChangeText?.(number);
+    };
+    /* set currentStringNumberValue directly to defaultValue if it exists on load
+    ( no need to use TextInput's defaultValue because its value is always controlled & set ) */
     useEffect(() => {
-        const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
+        const defaultStringNumberValue = formatValueToStringNumber(defaultValue, currentStringNumberValue);
         if (currentStringNumberValue !== defaultStringNumberValue) {
             setCurrentStringNumberValue(defaultStringNumberValue);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const handleChangeText = (newValue) => {
-        const newStringNumberValue = formatValueToStringNumber(newValue);
-        const number = parseFloat(newStringNumberValue);
-        setCurrentStringNumberValue(newStringNumberValue);
-        onChangeText?.(number);
-    };
-    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+    // set new (or original) value if different from current (or initialized "0") value
     useEffect(() => {
-        const nextStringNumberValue = formatValueToStringNumber(value);
+        const nextStringNumberValue = formatValueToStringNumber(value, currentStringNumberValue);
         if (currentStringNumberValue !== nextStringNumberValue) {
             handleChangeText(nextStringNumberValue);
         }

package/src/components/NumberInput.tsx

@@ -14,16 +14,17 @@ const NumberInput: FC<Props> = ({
   defaultValue,
   ...props
 }) => {
-  const [currentStringNumberValue, setCurrentStringNumberValue] = useState("0");
-
-  const formatValueToStringNumber = (valueToFormat?: number | string) => {
+  const formatValueToStringNumber = (
+    valueToFormat?: number | string,
+    currentStringNumberValue?: string
+  ) => {
     if (valueToFormat != null) {
       if (isString(valueToFormat) && valueToFormat !== "") {
         if (/^0[1-9]$/.test(valueToFormat)) {
           return valueToFormat.slice(1);
         } else if (/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)) {
           return valueToFormat;
-        } else {
+        } else if (currentStringNumberValue) {
           return currentStringNumberValue;
         }
       } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
@@ -34,27 +35,41 @@ const NumberInput: FC<Props> = ({
     return "0";
   };
 
-  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
-  useEffect(() => {
-    const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
-
-    if (currentStringNumberValue !== defaultStringNumberValue) {
-      setCurrentStringNumberValue(defaultStringNumberValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  const [currentStringNumberValue, setCurrentStringNumberValue] = useState(
+    formatValueToStringNumber("0")
+  );
 
   const handleChangeText = (newValue: string) => {
-    const newStringNumberValue = formatValueToStringNumber(newValue);
+    const newStringNumberValue = formatValueToStringNumber(
+      newValue,
+      currentStringNumberValue
+    );
     const number = parseFloat(newStringNumberValue);
 
     setCurrentStringNumberValue(newStringNumberValue);
     onChangeText?.(number);
   };
 
-  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+  /* set currentStringNumberValue directly to defaultValue if it exists on load
+  ( no need to use TextInput's defaultValue because its value is always controlled & set ) */
+  useEffect(() => {
+    const defaultStringNumberValue = formatValueToStringNumber(
+      defaultValue,
+      currentStringNumberValue
+    );
+
+    if (currentStringNumberValue !== defaultStringNumberValue) {
+      setCurrentStringNumberValue(defaultStringNumberValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // set new (or original) value if different from current (or initialized "0") value
   useEffect(() => {
-    const nextStringNumberValue = formatValueToStringNumber(value);
+    const nextStringNumberValue = formatValueToStringNumber(
+      value,
+      currentStringNumberValue
+    );
 
     if (currentStringNumberValue !== nextStringNumberValue) {
       handleChangeText(nextStringNumberValue);

package/src/mappings/Icon.js

@@ -6,7 +6,10 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.basic,
     layout: {},
     props: {
-        name: createIconProp(),
+        name: {
+            ...createIconProp(),
+            group: GROUPS.data,
+        },
         color: createColorProp(),
         size: createNumberProp({
             group: GROUPS.basic,

package/src/mappings/Icon.ts

@@ -13,7 +13,10 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.basic,
   layout: {},
   props: {
-    name: createIconProp(),
+    name: {
+      ...createIconProp(),
+      group: GROUPS.data,
+    },
     color: createColorProp(),
     size: createNumberProp({
       group: GROUPS.basic,

package/src/mappings/KeyboardAwareScrollView.js

@@ -0,0 +1,38 @@
+import { COMPONENT_TYPES, createStaticBoolProp, createStaticNumberProp, } from "@draftbit/types";
+export const SEED_DATA = {
+    name: "Keyboard Aware Scroll View",
+    tag: "KeyboardAwareScrollView",
+    description: "View that moves pushes the content when virtual keyboard is open.",
+    category: COMPONENT_TYPES.layout,
+    layout: {},
+    props: {
+        viewIsInsideTabBar: createStaticBoolProp({
+            label: "View Is Inside TabBar",
+            description: "Adds an extra offset that represents the TabBarIOS height.",
+        }),
+        enableAutomaticScroll: createStaticBoolProp({
+            label: "Enable Automatic Scroll",
+            description: "When focus in TextInput will scroll the position, default is enabled",
+        }),
+        extraHeight: createStaticNumberProp({
+            label: "Extra Height",
+            description: "Adds an extra offset when focusing the TextInputs",
+        }),
+        extraScrollHeight: createStaticNumberProp({
+            label: "Extra Scroll Height",
+            description: "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
+        }),
+        enableResetScrollToCoords: createStaticBoolProp({
+            label: "Enable Reset Scroll To Coordinates",
+            description: "Lets the user enable or disable automatic resetScrollToCoords",
+        }),
+        keyboardOpeningTime: createStaticNumberProp({
+            label: "Keyboard Opening Time",
+            description: "Sets the delay time before scrolling to new position, default is 250",
+        }),
+        enableOnAndroid: createStaticBoolProp({
+            label: "Enable On Android",
+            description: "Enable Android Support",
+        }),
+    },
+};

package/src/mappings/KeyboardAwareScrollView.ts

@@ -0,0 +1,48 @@
+import {
+  COMPONENT_TYPES,
+  createStaticBoolProp,
+  createStaticNumberProp,
+} from "@draftbit/types";
+
+export const SEED_DATA = {
+  name: "Keyboard Aware Scroll View",
+  tag: "KeyboardAwareScrollView",
+  description:
+    "View that moves pushes the content when virtual keyboard is open.",
+  category: COMPONENT_TYPES.layout,
+  layout: {},
+  props: {
+    viewIsInsideTabBar: createStaticBoolProp({
+      label: "View Is Inside TabBar",
+      description: "Adds an extra offset that represents the TabBarIOS height.",
+    }),
+    enableAutomaticScroll: createStaticBoolProp({
+      label: "Enable Automatic Scroll",
+      description:
+        "When focus in TextInput will scroll the position, default is enabled",
+    }),
+    extraHeight: createStaticNumberProp({
+      label: "Extra Height",
+      description: "Adds an extra offset when focusing the TextInputs",
+    }),
+    extraScrollHeight: createStaticNumberProp({
+      label: "Extra Scroll Height",
+      description:
+        "Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard",
+    }),
+    enableResetScrollToCoords: createStaticBoolProp({
+      label: "Enable Reset Scroll To Coordinates",
+      description:
+        "Lets the user enable or disable automatic resetScrollToCoords",
+    }),
+    keyboardOpeningTime: createStaticNumberProp({
+      label: "Keyboard Opening Time",
+      description:
+        "Sets the delay time before scrolling to new position, default is 250",
+    }),
+    enableOnAndroid: createStaticBoolProp({
+      label: "Enable On Android",
+      description: "Enable Android Support",
+    }),
+  },
+};