@draftbit/core 47.3.2-e04b79.2 → 47.3.2-ec0f78.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.3.2-e04b79.2+e04b79a",
+  "version": "47.3.2-ec0f78.2+ec0f78a",
   "description": "Core (non-native) Components",
   "main": "lib/src/index.js",
   "types": "lib/src/index.d.ts",
@@ -39,7 +39,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.3.2-e04b79.2+e04b79a",
+    "@draftbit/types": "^47.3.2-ec0f78.2+ec0f78a",
     "@expo/vector-icons": "^13.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
@@ -79,5 +79,5 @@
     "node_modules/",
     "lib/"
   ],
-  "gitHead": "e04b79aa36f1e728d0f35a80b95eae3c90f42fbe"
+  "gitHead": "ec0f78aa43d41e487c1056cf1ee3a2030e5052b2"
 }

package/src/components/NumberInput.js

@@ -1,7 +1,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 NumberInput = React.forwardRef(({ onChangeText, value, defaultValue, ...props }, ref) => {
     const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
     const formatValueToStringNumber = (valueToFormat) => {
         if (valueToFormat != null) {
@@ -44,7 +44,7 @@ const NumberInput = ({ onChangeText, value, defaultValue, ...props }) => {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement(TextInput, { keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
-};
+    return (React.createElement(TextInput, { ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText: handleChangeText, ...props }));
+});
 export default NumberInput;
 //# sourceMappingURL=NumberInput.js.map

package/src/components/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAQnD,MAAM,WAAW,GAAc,CAAC,EAC9B,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7E,MAAM,yBAAyB,GAAG,CAAC,aAA+B,EAAE,EAAE;QACpE,IAAI,aAAa,IAAI,IAAI,EAAE;YACzB,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,KAAK,EAAE,EAAE;gBACnD,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC/B;qBAAM,IAAI,mCAAmC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClE,OAAO,aAAa,CAAC;iBACtB;qBAAM;oBACL,OAAO,wBAAwB,CAAC;iBACjC;aACF;iBAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;gBAC3D,OAAO,aAAa,CAAC,QAAQ,EAAE,CAAC;aACjC;SACF;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC5C,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAEhD,2BAA2B,CAAC,oBAAoB,CAAC,CAAC;QAClD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,yHAAyH;IACzH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,wBAAwB,KAAK,qBAAqB,EAAE;YACtD,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;SACzC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,iGAAiG;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,wBAAwB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAEzE,IAAI,wBAAwB,KAAK,wBAAwB,EAAE;YACzD,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;SACvD;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,SAAS,IACR,YAAY,EAAC,SAAS,EACtB,KAAK,EAAE,wBAAwB,EAC/B,YAAY,EAAE,gBAAgB,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAQnD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEf,MAAM,yBAAyB,GAAG,CAAC,aAA+B,EAAE,EAAE;QACpE,IAAI,aAAa,IAAI,IAAI,EAAE;YACzB,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,KAAK,EAAE,EAAE;gBACnD,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC/B;qBAAM,IAAI,mCAAmC,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAClE,OAAO,aAAa,CAAC;iBACtB;qBAAM;oBACL,OAAO,wBAAwB,CAAC;iBACjC;aACF;iBAAM,IAAI,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;gBAC3D,OAAO,aAAa,CAAC,QAAQ,EAAE,CAAC;aACjC;SACF;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC5C,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAEhD,2BAA2B,CAAC,oBAAoB,CAAC,CAAC;QAClD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,yHAAyH;IACzH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,wBAAwB,KAAK,qBAAqB,EAAE;YACtD,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;SACzC;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,iGAAiG;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,wBAAwB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAEzE,IAAI,wBAAwB,KAAK,wBAAwB,EAAE;YACzD,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;SACvD;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,SAAS,EACtB,KAAK,EAAE,wBAAwB,EAC/B,YAAY,EAAE,gBAAgB,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/NumberInput.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { TextInput } from "react-native";
 import { isString, isNumber, isNaN } from "lodash";
 
@@ -8,68 +8,67 @@ interface Props {
   onChangeText?: (value?: number) => void;
 }
 
-const NumberInput: FC<Props> = ({
-  onChangeText,
-  value,
-  defaultValue,
-  ...props
-}) => {
-  const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
+const NumberInput = React.forwardRef<TextInput, Props>(
+  ({ onChangeText, value, defaultValue, ...props }, ref) => {
+    const [currentStringNumberValue, setCurrentStringNumberValue] =
+      useState("");
 
-  const formatValueToStringNumber = (valueToFormat?: number | 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 {
-          return currentStringNumberValue;
+    const formatValueToStringNumber = (valueToFormat?: number | 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 {
+            return currentStringNumberValue;
+          }
+        } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
+          return valueToFormat.toString();
         }
-      } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {
-        return valueToFormat.toString();
       }
-    }
 
-    return "";
-  };
+      return "";
+    };
 
-  const handleChangeText = (newValue: string) => {
-    const newStringNumberValue = formatValueToStringNumber(newValue);
-    const number = parseFloat(newStringNumberValue);
+    const handleChangeText = (newValue: string) => {
+      const newStringNumberValue = formatValueToStringNumber(newValue);
+      const number = parseFloat(newStringNumberValue);
 
-    setCurrentStringNumberValue(newStringNumberValue);
-    onChangeText?.(number);
-  };
+      setCurrentStringNumberValue(newStringNumberValue);
+      onChangeText?.(number);
+    };
 
-  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
-  useEffect(() => {
-    const nextStringNumberValue = formatValueToStringNumber(value);
+    // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)
+    useEffect(() => {
+      const nextStringNumberValue = formatValueToStringNumber(value);
 
-    if (currentStringNumberValue !== nextStringNumberValue) {
-      handleChangeText(nextStringNumberValue);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
+      if (currentStringNumberValue !== nextStringNumberValue) {
+        handleChangeText(nextStringNumberValue);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
 
-  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only
-  useEffect(() => {
-    const defaultStringNumberValue = formatValueToStringNumber(defaultValue);
+    // 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
-  }, []);
+      if (currentStringNumberValue !== defaultStringNumberValue) {
+        setCurrentStringNumberValue(defaultStringNumberValue);
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
-  return (
-    <TextInput
-      keyboardType="numeric"
-      value={currentStringNumberValue}
-      onChangeText={handleChangeText}
-      {...props}
-    />
-  );
-};
+    return (
+      <TextInput
+        ref={ref}
+        keyboardType="numeric"
+        value={currentStringNumberValue}
+        onChangeText={handleChangeText}
+        {...props}
+      />
+    );
+  }
+);
 
 export default NumberInput;

package/src/interfaces/Icon.js

@@ -5,5 +5,5 @@
  * `@draftbit/ui`.
  */
 import React from "react";
-export const injectIcon = (Component, Icon) => (props) => React.createElement(Component, { ...props, Icon });
+export const injectIcon = (Component, Icon) => React.forwardRef((props, ref) => React.createElement(Component, { ...props, Icon, ref }));
 //# sourceMappingURL=Icon.js.map

package/src/interfaces/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,MAAM,UAAU,GACrB,CACE,SAAiC,EACjC,IAAW,EACoB,EAAE,CACnC,CAAC,KAAK,EAAE,EAAE,CACR,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,GAAI,KAAW,EAAE,IAAI,EAAE,CAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,SAAiC,EACjC,IAAW,EACX,EAAE,CACF,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CACxD,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,GAAI,KAAW,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAC/D,CAAC"}

package/src/interfaces/Icon.ts

@@ -22,10 +22,10 @@ export interface IconSlot {
 
 type $Without<T, K> = Pick<T, Exclude<keyof T, K>>;
 
-export const injectIcon =
-  <P extends IconSlot>(
-    Component: React.ComponentType<P>,
-    Icon: IconI
-  ): React.FC<$Without<P, "Icon">> =>
-  (props) =>
-    React.createElement(Component, { ...(props as P), Icon });
+export const injectIcon = <P extends IconSlot>(
+  Component: React.ComponentType<P>,
+  Icon: IconI
+) =>
+  React.forwardRef<any, $Without<P, "Icon">>((props, ref) =>
+    React.createElement(Component, { ...(props as P), Icon, ref })
+  );