@hipay/hipay-material-ui 2.3.5 → 3.1.0

package/hi-svg-icons/HiVendor.js

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiVendor = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
       style = props.style,
       other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiVendor = (0, _pure.default)(function (props) {
   })));
 });
 HiVendor.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiVendor);
-
+var _default = HiVendor;
 exports.default = _default;

package/hi-svg-icons/HiWidget.js

@@ -17,16 +17,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
+var _styles = require("@material-ui/core/styles");
+
 /**
  * @ignore - internal component.
  */
 var HiWidget = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
-      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
       style = props.style,
       other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
   return _react.default.createElement(_Icon.default, (0, _extends2.default)({
@@ -47,10 +48,5 @@ var HiWidget = (0, _pure.default)(function (props) {
   })));
 });
 HiWidget.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
-  hiComponent: true,
-  withTheme: true
-})(HiWidget);
-
+var _default = HiWidget;
 exports.default = _default;

package/hi-svg-icons/index.js

@@ -83,6 +83,12 @@ Object.defineProperty(exports, "HiTransaction", {
     return _HiTransaction.default;
   }
 });
+Object.defineProperty(exports, "HiTransactionMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiTransactionMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiUser", {
   enumerable: true,
   get: function get() {
@@ -125,12 +131,24 @@ Object.defineProperty(exports, "HiIntelligence", {
     return _HiIntelligence.default;
   }
 });
+Object.defineProperty(exports, "HiIntelligenceMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HiIntelligenceMenu.default;
+  }
+});
 Object.defineProperty(exports, "HiOrder", {
   enumerable: true,
   get: function get() {
     return _HiOrder.default;
   }
 });
+Object.defineProperty(exports, "HiStore", {
+  enumerable: true,
+  get: function get() {
+    return _HiStore.default;
+  }
+});
 Object.defineProperty(exports, "HiPaymentOrder", {
   enumerable: true,
   get: function get() {
@@ -143,6 +161,12 @@ Object.defineProperty(exports, "HiVendor", {
     return _HiVendor.default;
   }
 });
+Object.defineProperty(exports, "HiLogoRounded", {
+  enumerable: true,
+  get: function get() {
+    return _HiLogoRounded.default;
+  }
+});
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
@@ -170,6 +194,8 @@ var _HiSizeSmall = _interopRequireDefault(require("./HiSizeSmall"));
 
 var _HiTransaction = _interopRequireDefault(require("./HiTransaction"));
 
+var _HiTransactionMenu = _interopRequireDefault(require("./HiTransactionMenu"));
+
 var _HiUser = _interopRequireDefault(require("./HiUser"));
 
 var _HiWidget = _interopRequireDefault(require("./HiWidget"));
@@ -184,8 +210,14 @@ var _HiDownload = _interopRequireDefault(require("./HiDownload"));
 
 var _HiIntelligence = _interopRequireDefault(require("./HiIntelligence"));
 
+var _HiIntelligenceMenu = _interopRequireDefault(require("./HiIntelligenceMenu"));
+
 var _HiOrder = _interopRequireDefault(require("./HiOrder"));
 
+var _HiStore = _interopRequireDefault(require("./HiStore"));
+
 var _HiPaymentOrder = _interopRequireDefault(require("./HiPaymentOrder"));
 
-var _HiVendor = _interopRequireDefault(require("./HiVendor"));
+var _HiVendor = _interopRequireDefault(require("./HiVendor"));
+
+var _HiLogoRounded = _interopRequireDefault(require("./HiLogoRounded"));

package/hi-svg-images/HiLogo.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _ref = _react.default.createElement("path", {
+  fill: "#00ade9",
+  d: "M288.84 117.53a19.9 19.9 0 00-22.74-2.37 710.68 710.68 0 01-82.57 39.71C201.92 84.49 219.32 26.53 219.6 25.6a19.87 19.87 0 10-38-11.45c-.32 1-22.26 74.14-43.11 156.53a426.51 426.51 0 01-48.87 11.67c-4.56.8-8.89 1.46-13 2a1440.07 1440.07 0 0143.5-143.68 19.87 19.87 0 00-37.2-14 1438.29 1438.29 0 00-47.87 160.16 99.22 99.22 0 01-11.81-1A19.87 19.87 0 1016.51 225c1.45.25 4.81.76 10 1.15-3 15.08-5.74 30.44-8 45.83a19.87 19.87 0 1039.3 5.89c2.64-17.58 5.88-35.19 9.48-52.44 8.68-.8 18.42-2.05 29.19-3.93q15.38-2.69 31.21-6.65c-5.14 21.79-9.94 43.45-14 63.89a19.87 19.87 0 1039 7.72c5.33-26.92 12-56 19-84.76a653.51 653.51 0 0067.15-27.7c-4.92 13.74-9.61 27.78-13.37 41-4.95 17.39-7.68 31.24-8.36 42.33-1.16 19.06 4.06 32.2 15.53 39.06a19.87 19.87 0 0024.12-31.24c-.42-4-.23-16.52 9.84-49 8-25.94 19.4-55.09 27.7-76.38a19.87 19.87 0 00-5.46-22.24zM522.37 78.05c-3.31-17.28-13.12-31.6-28.37-41.42-21.67-14-54.74-19.25-98.29-15.76a399.66 399.66 0 00-56.64 8.69 19.87 19.87 0 009.35 38.62c.06 0 1.83-.43 4.9-1.08q-4.63 20.18-9.3 40.36-7.83 33.8-15.73 67.56c-8.84 2.49-14.25 3.82-14.41 3.86a19.86 19.86 0 004.2 39.16c-1.12 4.69-2.23 9.38-3.36 14.07-3.73 15.44-7.38 30.91-11.61 46.22-2.86 10.35 3.54 22.8 14.35 25.26s22.19-3.26 25.25-14.34c7.6-27.49 14-55.36 20.46-83.16 17.56-5.56 39-13.05 60.32-22.23 29.5-12.72 52.69-26.14 68.94-39.9 30.27-25.64 32.99-49.96 29.94-65.91zm-55.51 35.49c-13.18 11.19-32.93 22.51-58.71 33.65-11.56 5-23.27 9.48-34.34 13.4Q384 117.08 394 73.52q1.49-6.43 3-12.88l2.52-.2c33.44-2.62 59.39.79 73.07 9.62 6.22 4 9.56 8.77 10.84 15.47 1.44 7.99-4.11 17.47-16.57 28.01zM680.18 451.45a20.55 20.55 0 01-2.46-.15 19.87 19.87 0 01-17.29-22.15c4.69-38.09 23.1-97.5 42-151.52a181.77 181.77 0 01-4.15 3.58c-19.52 16.26-37 23.44-53.43 22-13.48-1.23-24.34-8.09-30.57-19.32a43.31 43.31 0 01-2.61-5.64 140.32 140.32 0 01-44.42 22.89c-13 4-29.63 7.27-42.15-2.9a28.14 28.14 0 01-7.82-9.9 112.84 112.84 0 01-16.65 9.62c-20.55 9.39-34.59 5.71-42.75 1-15.67-9.11-22.29-29.68-16.46-51.18a164.63 164.63 0 0126-53.65c24.52-33.77 48.95-51.11 72.61-51.56 17-.33 29.92 8.38 35.86 15.94a19.88 19.88 0 012.25 21c-5.53 11.43-19.77 44.9-22.88 69.2q-.06.62-.15 1.23c-.11 1-.21 2-.28 2.91-.18 2.47-.4 4.8-.6 7-.11 1.2-.23 2.51-.34 3.83l1.69-.5c28.32-8.67 47.3-27.8 59.82-47.22q2-6.66 4.52-13.9a433 433 0 0119.78-47 19.87 19.87 0 0137.34 12.22 204.1 204.1 0 01-19.9 55.85q-2.38 4.51-5 8.82c-5 18.68-4.62 28.33-3.6 31.72 2.72.14 20.77-1.25 60.6-52.1a624.13 624.13 0 0041.86-61.3 19.87 19.87 0 0135.54 17.57c-.75 1.88-77.07 188.16-86.67 266.16a19.87 19.87 0 01-19.69 17.45zm-147.6-266.69c-7 3.59-18.11 12.18-33 32.63a125.07 125.07 0 00-19.83 40.71 18.63 18.63 0 00-.69 5.47c4.83-1.27 16.73-6.34 37.75-26.35 3.25-18.37 10-37.9 15.77-52.46zm12.74-1z"
+});
+
+var _ref2 = _react.default.createElement("ellipse", {
+  cx: 285.79,
+  cy: 66.13,
+  rx: 22.1,
+  ry: 22.93,
+  transform: "rotate(-45 285.784 66.134)",
+  fill: "#ffcf21"
+});
+
+/**
+ * @ignore - internal component.
+ */
+var HiLogo = (0, _pure.default)(function (props) {
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 788.05 451.45",
+    width: "100%"
+  }, props), _ref, _ref2);
+});
+HiLogo.muiName = 'SvgImage';
+var _default = HiLogo;
+exports.default = _default;

package/hi-svg-images/HiLogoWhite.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _ref = _react.default.createElement("path", {
+  fill: "#fff",
+  d: "M288.84 117.53a19.9 19.9 0 00-22.74-2.37 710.68 710.68 0 01-82.57 39.71C201.92 84.49 219.32 26.53 219.6 25.6a19.87 19.87 0 10-38-11.45c-.32 1-22.26 74.14-43.11 156.53a426.51 426.51 0 01-48.87 11.67c-4.56.8-8.89 1.46-13 2a1440.07 1440.07 0 0143.5-143.68 19.87 19.87 0 00-37.2-14 1438.29 1438.29 0 00-47.87 160.16 99.22 99.22 0 01-11.81-1A19.87 19.87 0 1016.51 225c1.45.25 4.81.76 10 1.15-3 15.08-5.74 30.44-8 45.83a19.87 19.87 0 1039.3 5.89c2.64-17.58 5.88-35.19 9.48-52.44 8.68-.8 18.42-2.05 29.19-3.93q15.38-2.69 31.21-6.65c-5.14 21.79-9.94 43.45-14 63.89a19.87 19.87 0 1039 7.72c5.33-26.92 12-56 19-84.76a653.51 653.51 0 0067.15-27.7c-4.92 13.74-9.61 27.78-13.37 41-4.95 17.39-7.68 31.24-8.36 42.33-1.16 19.06 4.06 32.2 15.53 39.06a19.87 19.87 0 0024.12-31.24c-.42-4-.23-16.52 9.84-49 8-25.94 19.4-55.09 27.7-76.38a19.87 19.87 0 00-5.46-22.24zM522.37 78.05c-3.31-17.28-13.12-31.6-28.37-41.42-21.67-14-54.74-19.25-98.29-15.76a399.66 399.66 0 00-56.64 8.69 19.87 19.87 0 009.35 38.62c.06 0 1.83-.43 4.9-1.08q-4.63 20.18-9.3 40.36-7.83 33.8-15.73 67.56c-8.84 2.49-14.25 3.82-14.41 3.86a19.86 19.86 0 004.2 39.16c-1.12 4.69-2.23 9.38-3.36 14.07-3.73 15.44-7.38 30.91-11.61 46.22-2.86 10.35 3.54 22.8 14.35 25.26s22.19-3.26 25.25-14.34c7.6-27.49 14-55.36 20.46-83.16 17.56-5.56 39-13.05 60.32-22.23 29.5-12.72 52.69-26.14 68.94-39.9 30.27-25.64 32.99-49.96 29.94-65.91zm-55.51 35.49c-13.18 11.19-32.93 22.51-58.71 33.65-11.56 5-23.27 9.48-34.34 13.4Q384 117.08 394 73.52q1.49-6.43 3-12.88l2.52-.2c33.44-2.62 59.39.79 73.07 9.62 6.22 4 9.56 8.77 10.84 15.47 1.44 7.99-4.11 17.47-16.57 28.01zM680.18 451.45a20.55 20.55 0 01-2.46-.15 19.87 19.87 0 01-17.29-22.15c4.69-38.09 23.1-97.5 42-151.52a181.77 181.77 0 01-4.15 3.58c-19.52 16.26-37 23.44-53.43 22-13.48-1.23-24.34-8.09-30.57-19.32a43.31 43.31 0 01-2.61-5.64 140.32 140.32 0 01-44.42 22.89c-13 4-29.63 7.27-42.15-2.9a28.14 28.14 0 01-7.82-9.9 112.84 112.84 0 01-16.65 9.62c-20.55 9.39-34.59 5.71-42.75 1-15.67-9.11-22.29-29.68-16.46-51.18a164.63 164.63 0 0126-53.65c24.52-33.77 48.95-51.11 72.61-51.56 17-.33 29.92 8.38 35.86 15.94a19.88 19.88 0 012.25 21c-5.53 11.43-19.77 44.9-22.88 69.2q-.06.62-.15 1.23c-.11 1-.21 2-.28 2.91-.18 2.47-.4 4.8-.6 7-.11 1.2-.23 2.51-.34 3.83l1.69-.5c28.32-8.67 47.3-27.8 59.82-47.22q2-6.66 4.52-13.9a433 433 0 0119.78-47 19.87 19.87 0 0137.34 12.22 204.1 204.1 0 01-19.9 55.85q-2.38 4.51-5 8.82c-5 18.68-4.62 28.33-3.6 31.72 2.72.14 20.77-1.25 60.6-52.1a624.13 624.13 0 0041.86-61.3 19.87 19.87 0 0135.54 17.57c-.75 1.88-77.07 188.16-86.67 266.16a19.87 19.87 0 01-19.69 17.45zm-147.6-266.69c-7 3.59-18.11 12.18-33 32.63a125.07 125.07 0 00-19.83 40.71 18.63 18.63 0 00-.69 5.47c4.83-1.27 16.73-6.34 37.75-26.35 3.25-18.37 10-37.9 15.77-52.46zm12.74-1z"
+});
+
+var _ref2 = _react.default.createElement("ellipse", {
+  cx: 285.79,
+  cy: 66.13,
+  rx: 22.1,
+  ry: 22.93,
+  transform: "rotate(-45 285.784 66.134)",
+  fill: "#ffcf21"
+});
+
+/**
+ * @ignore - internal component.
+ */
+var HiLogoWhite = (0, _pure.default)(function (props) {
+  return _react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 788.05 451.45",
+    width: "100%"
+  }, props), _ref, _ref2);
+});
+HiLogoWhite.muiName = 'SvgImage';
+var _default = HiLogoWhite;
+exports.default = _default;

package/hi-svg-images/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HiLogo", {
+  enumerable: true,
+  get: function get() {
+    return _HiLogo.default;
+  }
+});
+Object.defineProperty(exports, "HiLogoWhite", {
+  enumerable: true,
+  get: function get() {
+    return _HiLogoWhite.default;
+  }
+});
+
+var _HiLogo = _interopRequireDefault(require("./HiLogo"));
+
+var _HiLogoWhite = _interopRequireDefault(require("./HiLogoWhite"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "2.3.5",
+  "version": "3.1.0",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -67,4 +67,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}

package/setupTest.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _enzyme = _interopRequireDefault(require("enzyme"));
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+_enzyme.default.configure({
+  adapter: new _enzymeAdapterReact.default()
+});
+/**
+ * SETUP JSDOM
+ * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
+ */
+
+
+var _require = require('jsdom'),
+    JSDOM = _require.JSDOM;
+
+var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
+var window = jsdom.window;
+
+function copyProps(src, target) {
+  Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
+}
+
+global.window = window;
+global.document = window.document;
+global.navigator = {
+  userAgent: 'node.js'
+};
+
+global.requestAnimationFrame = function (callback) {
+  return setTimeout(callback, 0);
+};
+
+global.cancelAnimationFrame = function (id) {
+  clearTimeout(id);
+};
+
+copyProps(window, global);

package/styleguide/Wrapper.js

@@ -1,51 +1,23 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+exports.default = Wrapper;
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
 var _theme = _interopRequireDefault(require("../theme"));
 
-require("../index.css");
-
-var Wrapper =
-/*#__PURE__*/
-function (_Component) {
-  (0, _inherits2.default)(Wrapper, _Component);
-
-  function Wrapper() {
-    (0, _classCallCheck2.default)(this, Wrapper);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Wrapper).apply(this, arguments));
-  }
-
-  (0, _createClass2.default)(Wrapper, [{
-    key: "render",
-    value: function render() {
-      return _react.default.createElement(_styles.MuiThemeProvider, {
-        theme: _theme.default
-      }, this.props.children);
-    }
-  }]);
-  return Wrapper;
-}(_react.Component);
+function Wrapper(_ref) {
+  var children = _ref.children;
+  return _react.default.createElement(_styles.MuiThemeProvider, {
+    theme: _theme.default
+  }, children);
+}
 
-exports.default = Wrapper;
+;

package/styles/makeStyles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+/**
+ * Override makeStyles hook to use HMUI theme as default
+ * @param createStyles
+ * @param options
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
+ */
+var _default = function _default(createStyles, options) {
+  return (0, _styles.makeStyles)(createStyles, (0, _objectSpread2.default)({
+    defaultTheme: _theme.default
+  }, options));
+};
+
+exports.default = _default;

package/styles/withStyles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+/**
+ * Override makeStyles hook to use HMUI theme as default
+ * @param createStyles
+ * @param options
+ * @returns {StylesHook<Styles<Theme, {}, string>>}
+ */
+var _default = function _default(styles, options) {
+  return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
+    defaultTheme: _theme.default
+  }, options));
+};
+
+exports.default = _default;

package/theme.js

@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _require = require('@material-ui/core/styles'),
-    createMuiTheme = _require.createMuiTheme;
+var _styles = require("@material-ui/core/styles");
 
-var _require2 = require("./theme/palette"),
-    palette = _require2.palette;
+var _palette = require("./theme/palette");
 
-var _require3 = require("./theme/typography"),
-    typography = _require3.typography;
+var _typography = require("./theme/typography");
 
-var _default = createMuiTheme({
-  palette: palette,
-  typography: typography
+var _default = (0, _styles.createMuiTheme)({
+  palette: _palette.palette,
+  typography: _typography.typography,
+  spacing: 4
 });
 
 exports.default = _default;

package/utils/helpers.js

@@ -18,6 +18,7 @@ exports.formatCurrencyAmount = formatCurrencyAmount;
 exports.formatRate = formatRate;
 exports.getNextItemSelectable = getNextItemSelectable;
 exports.foldAccents = foldAccents;
+exports.uniqueId = uniqueId;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
@@ -332,4 +333,13 @@ function foldAccents(toFold) {
     if (star) return '\\*';
     return str;
   });
+}
+/**
+ * Generate a unique ID
+ * @returns {string}
+ */
+
+
+function uniqueId() {
+  return '_' + Math.random().toString(36).substr(2, 9);
 }