@bigbinary/neeto-molecules 1.0.16 → 1.0.18

package/dist/TableWrapper.cjs.js

@@ -0,0 +1,235 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames));
+
+var classNames = classnames.exports;
+
+function cov_2pe656guy1() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/TableWrapper/index.jsx";
+  var hash = "2e8f830646a90399b1c7c4d1b52186adb04b8606";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/TableWrapper/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 6,
+          column: 21
+        },
+        end: {
+          line: 22,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 7,
+          column: 2
+        },
+        end: {
+          line: 21,
+          column: 8
+        }
+      },
+      "2": {
+        start: {
+          line: 24,
+          column: 0
+        },
+        end: {
+          line: 35,
+          column: 2
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 6,
+            column: 21
+          },
+          end: {
+            line: 6,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 7,
+            column: 2
+          },
+          end: {
+            line: 21,
+            column: 8
+          }
+        },
+        line: 7
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 6,
+            column: 34
+          },
+          end: {
+            line: 6,
+            column: 48
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 6,
+            column: 46
+          },
+          end: {
+            line: 6,
+            column: 48
+          }
+        }],
+        line: 6
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 6,
+            column: 50
+          },
+          end: {
+            line: 6,
+            column: 71
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 6,
+            column: 66
+          },
+          end: {
+            line: 6,
+            column: 71
+          }
+        }],
+        line: 6
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "2e8f830646a90399b1c7c4d1b52186adb04b8606"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_2pe656guy1 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_2pe656guy1();
+cov_2pe656guy1().s[0]++;
+var TableWrapper = function TableWrapper(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? (cov_2pe656guy1().b[0][0]++, "") : _ref$className,
+    _ref$hasPagination = _ref.hasPagination,
+    hasPagination = _ref$hasPagination === void 0 ? (cov_2pe656guy1().b[1][0]++, false) : _ref$hasPagination;
+  cov_2pe656guy1().f[0]++;
+  cov_2pe656guy1().s[1]++;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    "data-testid": "table-wrapper",
+    className: classNames("flex min-h-0 w-full flex-grow flex-col pb-6", className)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames("min-h-0 flex-grow", {
+      "pb-11": hasPagination
+    })
+  }, children));
+};
+cov_2pe656guy1().s[2]++;
+
+module.exports = TableWrapper;
+//# sourceMappingURL=TableWrapper.cjs.js.map

package/dist/TableWrapper.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.cjs.js","sources":["../node_modules/classnames/index.js","../src/components/TableWrapper/index.jsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n  <div\n    data-testid=\"table-wrapper\"\n    className={classNames(\n      \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n      className\n    )}\n  >\n    <div\n      className={classNames(\"min-h-0 flex-grow\", {\n        \"pb-11\": hasPagination,\n      })}\n    >\n      {children}\n    </div>\n  </div>\n);\n\nTableWrapper.propTypes = {\n  /**\n   * Custom classnames for table wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * Handles table wrapper height when pagination is enabled.\n   *\n   * `hasPagination={totalCount > defaultPageSize}`\n   */\n  hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["cov_2pe656guy1","actualCoverage","s","TableWrapper","_ref","children","_ref$className","className","b","_ref$hasPagination","hasPagination","f","React","createElement","classNames"],"mappings":"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"}

package/dist/TableWrapper.js

@@ -0,0 +1,229 @@
+import React from 'react';
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames));
+
+var classNames = classnames.exports;
+
+function cov_2pe656guy1() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/TableWrapper/index.jsx";
+  var hash = "2e8f830646a90399b1c7c4d1b52186adb04b8606";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/TableWrapper/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 6,
+          column: 21
+        },
+        end: {
+          line: 22,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 7,
+          column: 2
+        },
+        end: {
+          line: 21,
+          column: 8
+        }
+      },
+      "2": {
+        start: {
+          line: 24,
+          column: 0
+        },
+        end: {
+          line: 35,
+          column: 2
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 6,
+            column: 21
+          },
+          end: {
+            line: 6,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 7,
+            column: 2
+          },
+          end: {
+            line: 21,
+            column: 8
+          }
+        },
+        line: 7
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 6,
+            column: 34
+          },
+          end: {
+            line: 6,
+            column: 48
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 6,
+            column: 46
+          },
+          end: {
+            line: 6,
+            column: 48
+          }
+        }],
+        line: 6
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 6,
+            column: 50
+          },
+          end: {
+            line: 6,
+            column: 71
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 6,
+            column: 66
+          },
+          end: {
+            line: 6,
+            column: 71
+          }
+        }],
+        line: 6
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0],
+      "1": [0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "2e8f830646a90399b1c7c4d1b52186adb04b8606"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_2pe656guy1 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_2pe656guy1();
+cov_2pe656guy1().s[0]++;
+var TableWrapper = function TableWrapper(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? (cov_2pe656guy1().b[0][0]++, "") : _ref$className,
+    _ref$hasPagination = _ref.hasPagination,
+    hasPagination = _ref$hasPagination === void 0 ? (cov_2pe656guy1().b[1][0]++, false) : _ref$hasPagination;
+  cov_2pe656guy1().f[0]++;
+  cov_2pe656guy1().s[1]++;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": "table-wrapper",
+    className: classNames("flex min-h-0 w-full flex-grow flex-col pb-6", className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("min-h-0 flex-grow", {
+      "pb-11": hasPagination
+    })
+  }, children));
+};
+cov_2pe656guy1().s[2]++;
+
+export { TableWrapper as default };
+//# sourceMappingURL=TableWrapper.js.map

package/dist/TableWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableWrapper.js","sources":["../node_modules/classnames/index.js","../src/components/TableWrapper/index.jsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst TableWrapper = ({ children, className = \"\", hasPagination = false }) => (\n  <div\n    data-testid=\"table-wrapper\"\n    className={classNames(\n      \"flex min-h-0 w-full flex-grow flex-col pb-6\",\n      className\n    )}\n  >\n    <div\n      className={classNames(\"min-h-0 flex-grow\", {\n        \"pb-11\": hasPagination,\n      })}\n    >\n      {children}\n    </div>\n  </div>\n);\n\nTableWrapper.propTypes = {\n  /**\n   * Custom classnames for table wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * Handles table wrapper height when pagination is enabled.\n   *\n   * `hasPagination={totalCount > defaultPageSize}`\n   */\n  hasPagination: PropTypes.bool,\n};\n\nexport default TableWrapper;\n"],"names":["cov_2pe656guy1","actualCoverage","s","TableWrapper","_ref","children","_ref$className","className","b","_ref$hasPagination","hasPagination","f","React","createElement","classNames"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",
@@ -13,7 +13,7 @@
     "build": "NODE_ENV=production build-storybook",
     "serve": "node .storybook/db",
     "watch": "rollup -c rollup.config.js --watch",
-    "storybook": "node .storybook/db & NODE_ENV=development start-storybook -p 6006",
+    "storybook": "(trap 'kill 0' SIGINT; node .storybook/db & NODE_ENV=development start-storybook -p 6006)",
     "build:jsdoc": "node ./.scripts/jsdoc-builder.mjs"
   },
   "engines": {
@@ -84,6 +84,7 @@
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "babel-preset-react": "6.24.1",
     "babel-preset-typescript": "^7.0.0-alpha.19",
+    "countries-list": "^2.6.1",
     "css-loader": "4.3.0",
     "cypress": "11.2.0",
     "dayjs": "1.11.1",
@@ -105,6 +106,7 @@
     "jest": "27.5.1",
     "js-logger": "^1.6.1",
     "json-server": "0.17.1",
+    "libphonenumber-js": "^1.10.26",
     "lint-staged": "^12.3.7",
     "mixpanel-browser": "^2.45.0",
     "mousetrap": "^1.6.5",
@@ -120,6 +122,7 @@
     "qrcode.react": "^3.1.0",
     "qs": "^6.11.0",
     "ramda": "^0.28.0",
+    "raw-loader": "^4.0.2",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
     "react-helmet": "^6.1.0",

package/src/translations/en.json

@@ -329,6 +329,12 @@
           "emailAddress": "Please enter at least one email address"
         }
       }
+    },
+    "phoneNumberInput": {
+      "placeholder": "{{prefix}} type phone number",
+      "validations": {
+        "invalid": "Phone number is invalid"
+      }
     }
   }
 }

package/types/Header.d.ts

@@ -1,15 +1,28 @@
 import React from "react";
-
+/**
+ *
+ * The Header component can be used to display the page title and an action block
+ *
+ * to perform the main operations on the page.
+ *
+ * @example 
+ *
+ * import Header from "@bigbinary/neeto-molecules/Header";
+ * 
+ * const App = () => (
+ *   <Header title="Heading" actionBlock={<Button label="Primary action" />} />
+ * );
+ * @endexample
+*/
 const Header: React.FC<{
-    title?: React.ReactNode;
-    className?: string,
-    actionBlock?: React.ReactNode,
-    searchProps?: object,
-    breadcrumbs?: {
-        text: string,
-        link: string,
-    }[],
-    menuBarToggle?: (...args: any[]) => any,
+  title?: React.ReactNode;
+  className?: string;
+  actionBlock?: React.ReactNode;
+  searchProps?: object;
+  breadcrumbs?: {
+    text: string;
+    link: string;
+  }[];
+  menuBarToggle?: (...args: any[]) => any;
 }>;
-
-export default Header;
+export default Header;

package/types/PhoneNumber.d.ts

@@ -0,0 +1,110 @@
+import React from "react";
+import { InputProps, SelectProps, TypographyProps } from "@bigbinary/neetoui";
+import { CountryCode } from "libphonenumber-js";
+import { StringSchema } from "yup";
+export interface PhoneNumberInputProps extends InputProps {
+  value?: string;
+  onChange?: (value: string) => any;
+  className?: string;
+  selectProps?: SelectProps;
+  error?: string;
+  defaultCountry?: string;
+}
+export interface FormikPhoneNumberInputProps extends PhoneNumberInputProps {
+  name: string;
+}
+export interface PhoneNumberProps extends TypographyProps {
+  className?: string;
+  defaultCountry?: string;
+  children?: React.ReactNode;
+  showEmoji?: boolean;
+  value?: string;
+}
+export const PhoneNumberInput: React.ForwardRefExoticComponent<PhoneNumberInputProps>;
+export const FormikPhoneNumberInput: React.ForwardRefExoticComponent<FormikPhoneNumberInputProps>;
+export
+/**
+ *
+ * An input component to input and validate phone numbers with a country code
+ *
+ * picker.
+ *
+ * ![PhoneNumberInput](https://user-images.githubusercontent.com/35297280/231367938-93aa94b0-2a8c-44b3-b1c7-8c60843e40c4.png|height=200|width=300)
+ *
+ * Props:
+ *
+ * @example 
+ *
+ * import React, { useState } from "react";
+ * 
+ * import { PhoneNumberInput } from "@bigbinary/neeto-molecules/PhoneNumber";
+ * 
+ * const App = () => {
+ *   const [phoneNumber, setPhoneNumber] = useState("");
+ * 
+ *   return <PhoneNumberInput value={phoneNumber} onChange={setPhoneNumber} />;
+ * };
+ * @endexample
+ * A typography component to display phone numbers along with the flag of the
+ *
+ * country associated with it.
+ *
+ * ![PhoneNumber](https://user-images.githubusercontent.com/35297280/231367945-ee5f0921-92e3-4086-a8e2-f9ab63cf9a37.png|height=200|width=300)
+ *
+ * Props:
+ *
+ * @example 
+ *
+ * import { PhoneNumber } from "@bigbinary/neeto-molecules/PhoneNumber";
+ * 
+ * const App = () => <PhoneNumber showEmoji value="+919988776655" />;
+ * @endexample
+ * The PhoneNumberInput component wrapped in Formik.
+ *
+ * @example 
+ *
+ * import { FormikPhoneNumberInput, validation } from "@bigbinary/neeto-molecules/PhoneNumber";
+ * import { Form } from "@bigbinary/neetoui/formik";
+ * 
+ * const App = () => (
+ *   return (
+ *     <Form
+ *       formikProps={{
+ *         initialValues: { phoneNumber: "+919988776655" },
+ *         validationSchema: yup.object({ phoneNumber: validation().required() }),
+ *         onSubmit: ({ phoneNumber }) => alert(phoneNumber),
+ *       }}
+ *     >
+ *       <FormikPhoneNumberInput name="phoneNumber" />
+ *     </Form>
+ *   );
+ * );
+ * @endexample
+ * A utility function that exports a Yup validation schema to be used in Formik. It
+ *
+ * accepts a string as an optional argument to override the default validation
+ *
+ * message.
+ *
+ * @example 
+ *
+ * import { validation } from "@bigbinary/neeto-molecules/PhoneNumber";
+ * import * as yup from "yup";
+ * 
+ * const VALIDATION_SCHEMA = yup.object({
+ *   phoneNumber: validation("Phone number is invalid"),
+ * });
+ * @endexample
+ * A utility function to check whether a phone number is valid. It accepts a phone
+ *
+ * number and a default country as argument and returns a boolean value specifying
+ *
+ * whether the phone number is valid or not.
+ *
+*/
+const PhoneNumber: React.FC<PhoneNumberProps>;
+export const isPhoneNumberValid: (phoneNumber: string, defaultCountry?: CountryCode | {
+  defaultCountry?: CountryCode;
+  defaultCallingCode?: string;
+}) => boolean;
+export const validation: (message?: string) => StringSchema<any, any, any>;