@gympass/yoga 7.36.0 → 7.37.2

package/cjs/Input/web/Number.js

@@ -11,11 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var InputNumber = function InputNumber(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
-    type: "number"
+var InputNumber = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
+    ref: ref
+  }, props, {
+    keyboardType: "numeric"
   }));
-};
+});
 
 var _default = InputNumber;
 exports["default"] = _default;

package/cjs/Input/web/Number.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Number />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Number, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Input/web/Password.test.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Password />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with disabled input', function () {
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        disabled: true
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match with full width', function () {
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Label",
+        full: true
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+  describe('Events', function () {
+    it('should call onChange', function () {
+      var onChangeMock = jest.fn();
+
+      var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onChange: onChangeMock
+      }))),
+          getByTestId = _render4.getByTestId;
+
+      _react2.fireEvent.change(getByTestId('input'), {
+        target: {
+          value: 'foo'
+        }
+      });
+
+      expect(onChangeMock).toHaveBeenCalled();
+    });
+    it('should call onFocus', function () {
+      var onFocusMock = jest.fn();
+
+      var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onFocus: onFocusMock
+      }))),
+          getByTestId = _render5.getByTestId;
+
+      _react2.fireEvent.focus(getByTestId('input'));
+
+      expect(onFocusMock).toHaveBeenCalled();
+    });
+    it('should call onBlur', function () {
+      var onBlurMock = jest.fn();
+
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input",
+        onBlur: onBlurMock
+      }))),
+          getByTestId = _render6.getByTestId;
+
+      _react2.fireEvent.focus(getByTestId('input'));
+
+      _react2.fireEvent.blur(getByTestId('input'));
+
+      expect(onBlurMock).toHaveBeenCalled();
+    });
+  });
+  describe('visibility button', function () {
+    it('should toggle password visibility when click visibility button', function () {
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Password, {
+        label: "Input",
+        "data-testid": "input"
+      }))),
+          getByRole = _render7.getByRole,
+          getByTestId = _render7.getByTestId;
+
+      expect(getByTestId('input').type).toBe('password');
+
+      _react2.fireEvent.click(getByRole('button'));
+
+      expect(getByTestId('input').type).toBe('text');
+    });
+  });
+});

package/cjs/Input/web/Tel.js

@@ -11,11 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var Tel = function Tel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({}, props, {
+var Tel = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_Input["default"], _extends({
+    ref: ref
+  }, props, {
     type: "tel"
   }));
-};
+});
 
 var _default = Tel;
 exports["default"] = _default;

package/cjs/Input/web/Tel.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Input.Tel />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Input.Tel, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/List/native/List.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var StyledFlatList=_styledComponents["default"].FlatList(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var List=function List(_ref){var rest=(0,_extends2["default"])({},_ref);return _react["default"].createElement(StyledFlatList,rest);};List.displayName='List';var _default=List;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var StyledFlatList=_styledComponents["default"].FlatList(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n"])));var List=_react["default"].forwardRef(function(_ref,ref){var rest=(0,_extends2["default"])({},_ref);return _react["default"].createElement(StyledFlatList,(0,_extends2["default"])({ref:ref},rest));});List.displayName='List';var _default=List;exports["default"]=_default;

package/cjs/List/native/List.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _reactNative2=require("react-native");var _Theme=_interopRequireDefault(require("../../Theme"));var _=_interopRequireDefault(require(".."));var data=[{key:'Devin'},{key:'Dan'},{key:'Dominic'},{key:'Jackson'},{key:'James'},{key:'Joel'},{key:'John'},{key:'Jillian'},{key:'Jimmy'},{key:'Julie'}];describe('<List />',function(){describe('Snapshots',function(){describe('Without props',function(){it('should match snapshot with a default list',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref){var item=_ref.item;return _react["default"].createElement(_["default"].Item,null,_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with a small list',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref2){var item=_ref2.item;return _react["default"].createElement(_["default"].Item,{small:true},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with a list without divisors',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:data,renderItem:function renderItem(_ref3){var item=_ref3.item;return _react["default"].createElement(_["default"].Item,{divided:false},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with a horizontal list',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{horizontal:true,data:data,renderItem:function renderItem(_ref4){var item=_ref4.item;return _react["default"].createElement(_["default"].Item,null,_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),container=_render4.container;expect(container).toMatchSnapshot();});it('should call onPress when selectable item is pressed',function(){var a={key:'Devin',onPress:jest.fn()};var _render5=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"],{data:[a],renderItem:function renderItem(_ref5){var item=_ref5.item;return _react["default"].createElement(_["default"].Item,{onPress:item.onPress},_react["default"].createElement(_reactNative2.Text,null,item.key));}}))),getByText=_render5.getByText;var selectableItem=getByText(a.key);_reactNative.fireEvent.press(selectableItem);expect(a.onPress).toHaveBeenCalled();});});});});

package/cjs/List/web/List.js

@@ -32,16 +32,17 @@ containing primary and supplemental actions, which are represented by icons and
 text. */
 
 
-var List = function List(_ref2) {
+var List = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   var horizontal = _ref2.horizontal,
       divided = _ref2.divided,
       rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(StyledList, _extends({
     horizontal: horizontal,
-    divided: divided
+    divided: divided,
+    ref: ref
   }, rest));
-};
+});
 
 List.propTypes = {
   horizontal: _propTypes["default"].bool,

package/cjs/List/web/List.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<List />', function () {
+  describe('Snapshots', function () {
+    describe('Without props', function () {
+      it('should match snapshot with a default list', function () {
+        var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, null, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a default list and multiple items', function () {
+        var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, null, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test")), /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render2.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a default list, multiple items and no dividers', function () {
+        var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, {
+          divided: false
+        }, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test")), /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render3.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a horizontal list', function () {
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, {
+          horizontal: true
+        }, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("button", {
+          type: "button"
+        }, "List test"))))),
+            container = _render4.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a horizontal list and multiple items', function () {
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, {
+          horizontal: true
+        }, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test")), /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render5.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a horizontal list, multiple items and no dividers', function () {
+        var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, {
+          horizontal: true,
+          divided: false
+        }, /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test")), /*#__PURE__*/_react["default"].createElement(_.List.Item, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render6.container;
+
+        expect(container).toMatchSnapshot();
+      });
+      it('should match snapshot with a default list and using a link item', function () {
+        var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.List, null, /*#__PURE__*/_react["default"].createElement(_.List.LinkItem, null, /*#__PURE__*/_react["default"].createElement("div", null, "List test"))))),
+            container = _render7.container;
+
+        expect(container).toMatchSnapshot();
+      });
+    });
+  });
+});

package/cjs/Progress/native/Progress.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=function Progress(_ref5){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));};Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _yogaSystem=require("@gympass/yoga-system");var _shared=require("../../shared");var _excluded=["label","max","value","variant"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var ProgressWrapper=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  ","\n\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),function(_ref){var isNumber=_ref.isNumber,align=_ref.align;return"\n\n  "+(isNumber?"\n      flex-direction: row;\n    ":"\n      flex-direction: column;\n    ")+"\n\n  "+(isNumber&&align==='left'?'flex-direction: row-reverse;':'')+"\n  ";},_yogaSystem.backgroundColor,_yogaSystem.borders,_yogaSystem.elevation,_yogaSystem.positions,_yogaSystem.display,_yogaSystem.spacing);var ProgressBar=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: relative;\n  flex-grow: 1;\n\n  margin: auto 0;\n\n  ",";\n"])),function(_ref2){var progress=_ref2.theme.yoga.components.progress;return"\n    height: "+progress.height+"px;\n\n    background-color: "+progress.backgroundColor.bar+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var ProgressValue=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n\n  height: 100%;\n\n  ","\n"])),function(_ref3){var variant=_ref3.variant,width=_ref3.width,_ref3$theme$yoga=_ref3.theme.yoga,color=_ref3$theme$yoga.colors[variant],progress=_ref3$theme$yoga.components.progress;return"\n    width: "+width+"%;\n\n    background-color: "+color+";\n\n    border-radius: "+progress.border.radius+"px;\n  ";});var Label=_styledComponents["default"].Text(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var isNumber=_ref4.isNumber,align=_ref4.align,_ref4$theme$yoga=_ref4.theme.yoga,baseFont=_ref4$theme$yoga.baseFont,spacing=_ref4$theme$yoga.spacing,colors=_ref4$theme$yoga.colors,progress=_ref4$theme$yoga.components.progress;return"\n  font-family: "+baseFont.family+";\n  font-size: "+progress.label.font.size+"px;\n  text-align: "+align+";\n  color: "+colors.deep+";\n\n  "+(isNumber?"\n      width: 22px;\n\n      margin-"+(align==='right'?'left':'right')+": "+spacing.xxsmall+"px;\n    ":"\n      margin-top: "+spacing.xxxsmall+"px;\n    ")+"\n";});var Progress=_react["default"].forwardRef(function(_ref5,ref){var label=_ref5.label,max=_ref5.max,value=_ref5.value,variant=_ref5.variant,props=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);var isNumber=!/[a-zA-Z]/g.test(label.value);var align=label.placement||'left';return _react["default"].createElement(ProgressWrapper,(0,_extends2["default"])({ref:ref},props,{isNumber:isNumber,align:align}),_react["default"].createElement(ProgressBar,null,_react["default"].createElement(ProgressValue,{width:value/max*100,variant:variant})),Object.keys(label).length>0&&(isNumber||label.value)&&_react["default"].createElement(Label,{isNumber:isNumber,align:align},label.value));});Progress.propTypes={label:(0,_propTypes.shape)({value:(0,_shared.charLength)(3,(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string])),placement:(0,_propTypes.oneOf)(['left','right'])}),max:_propTypes.number,value:_propTypes.number,variant:(0,_propTypes.oneOf)(['primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Progress.defaultProps={label:{value:undefined,placement:'left'},max:1,value:undefined,variant:'verve'};var _default=Progress;exports["default"]=_default;

package/cjs/Progress/native/Progress.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=require("../..");describe('<Progress />',function(){it('should match snapshot',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,null),_react["default"].createElement(_.Progress,{max:100}),_react["default"].createElement(_.Progress,{max:100,value:60}))),container=_render.container;expect(container).toMatchSnapshot();});it('should match snapshot with label string',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{max:100,label:{value:'Some decription here'}}),_react["default"].createElement(_.Progress,{max:100,value:65,label:{value:'Some decription here',placement:'right'}}))),container=_render2.container;expect(container).toMatchSnapshot();});it('should match snapshot with label number',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20}}),_react["default"].createElement(_.Progress,{max:100,value:65,label:{value:65,placement:'right'}}))),container=_render3.container;expect(container).toMatchSnapshot();});it('should match snapshot with all variants',function(){var _render4=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"primary"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"secondary"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"vibin"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"hope"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"energy"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"relax"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"peace"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"verve"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"uplift"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"deepPurple"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"stamina"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"dark"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"medium"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"deep"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"light"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"clear"}),_react["default"].createElement(_.Progress,{max:100,value:20,label:{value:20},variant:"white"}))),container=_render4.container;expect(container).toMatchSnapshot();});it('should match snapshot with positions prop system',function(){var _render5=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{position:"absolute",top:"small",left:"small"}))),container=_render5.container;expect(container).toMatchSnapshot();});it('should match snapshot with spacing prop system',function(){var _render6=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{m:"small",padding:"medium"}))),container=_render6.container;expect(container).toMatchSnapshot();});it('should match snapshot with background color prop system',function(){var _render7=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{backgroundColor:"primary"}))),container=_render7.container;expect(container).toMatchSnapshot();});it('should match snapshot with border prop system',function(){var _render8=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{b:"small",bRadius:"small"}))),container=_render8.container;expect(container).toMatchSnapshot();});it('should match snapshot with elevation prop system',function(){var _render9=(0,_reactNative.render)(_react["default"].createElement(_.ThemeProvider,null,_react["default"].createElement(_.Progress,{elevation:"small"}))),container=_render9.container;expect(container).toMatchSnapshot();});});

package/cjs/Progress/web/Progress.js

@@ -59,7 +59,7 @@ Wrapper.defaultProps = {
  * of quantity. The use of labels numeric or alphabetic can increase the user
  * understanding. */
 
-var Progress = function Progress(_ref4) {
+var Progress = /*#__PURE__*/_react["default"].forwardRef(function (_ref4, ref) {
   var label = _ref4.label,
       max = _ref4.max,
       value = _ref4.value,
@@ -69,13 +69,14 @@ var Progress = function Progress(_ref4) {
   var isNumber = !/[a-zA-Z]/g.test(label.value);
   return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
     isNumber: isNumber,
-    align: label.placement
+    align: label.placement,
+    ref: ref
   }, props), /*#__PURE__*/_react["default"].createElement(ProgressBar, {
     max: max,
     value: value,
     variant: variant
   }), Object.keys(label).length > 0 && (isNumber || label.value) && /*#__PURE__*/_react["default"].createElement(Label, null, label.value));
-};
+});
 
 Progress.propTypes = {
   /** Use labels to increase users understanding. If the value is numeric, make

package/cjs/Progress/web/Progress.test.js

@@ -0,0 +1,229 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = require("../..");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('<Progress />', function () {
+  it('should match snapshot', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, null), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 60
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with label string', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      label: {
+        value: 'Some decription here'
+      }
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 65,
+      label: {
+        value: 'Some decription here',
+        placement: 'right'
+      }
+    }))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with label number', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      }
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 65,
+      label: {
+        value: 65,
+        placement: 'right'
+      }
+    }))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with all variants', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "primary"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "secondary"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "vibin"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "hope"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "energy"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "relax"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "peace"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "verve"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "uplift"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "deepPurple"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "stamina"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "dark"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "medium"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "deep"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "light"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "clear"
+    }), /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      max: 100,
+      value: 20,
+      label: {
+        value: 20
+      },
+      variant: "white"
+    }))),
+        container = _render4.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with positions prop system', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      position: "fixed",
+      top: "small",
+      left: "small"
+    }))),
+        container = _render5.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with spacing prop system', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      m: "small",
+      padding: "medium"
+    }))),
+        container = _render6.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with background color prop system', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      backgroundColor: "primary"
+    }))),
+        container = _render7.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with border prop system', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      b: "small",
+      bRadius: "small"
+    }))),
+        container = _render8.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with elevation prop system', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_.ThemeProvider, null, /*#__PURE__*/_react["default"].createElement(_.Progress, {
+      elevation: "small"
+    }))),
+        container = _render9.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/cjs/RadioGroup/native/Button/RadioButton.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=function RadioGroupButton(_ref3){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked},rest),_react["default"].createElement(Text,{checked:checked},children)));};RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _styledComponents=_interopRequireDefault(require("styled-components"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));var _excluded=["value","children"],_excluded2=["onChange","small","selectedValue"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var RadioMark=_styledComponents["default"].View(function(_ref){var radiogroup=_ref.theme.yoga.components.radiogroup,small=_ref.small,checked=_ref.checked;return"\n  align-items: center;\n  justify-content: center;\n\n  height: "+(small?radiogroup.button.height.small:radiogroup.button.height.normal)+"px;\n  padding-left: "+radiogroup.button.padding.left+"px;\n  padding-right: "+radiogroup.button.padding.right+"px;\n\n  background-color: "+radiogroup.button.backgroundColor+";\n  border-radius: "+radiogroup.button.border.radius+"px;\n\n  font-size: "+radiogroup.font.size+"px;\n\n  "+(checked?"\n          background-color: "+radiogroup.checked.backgroundColor+";\n        ":"")+"\n";});var Text=_styledComponents["default"].Text(function(_ref2){var _ref2$theme$yoga=_ref2.theme.yoga,baseFont=_ref2$theme$yoga.baseFont,radiogroup=_ref2$theme$yoga.components.radiogroup,checked=_ref2.checked;return"\n    font-family: "+baseFont.family+";\n    color: "+radiogroup.font.color+";\n\n    "+(checked?"\n          color: "+radiogroup.checked.font.color+";\n          font-weight: "+radiogroup.checked.font.weight+";\n        ":'')+"\n    ";});var RadioGroupButton=_react["default"].forwardRef(function(_ref3,ref){var value=_ref3.value,children=_ref3.children,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useContext=(0,_react.useContext)(_RadioGroupContext["default"]),onChange=_useContext.onChange,small=_useContext.small,selectedValue=_useContext.selectedValue,context=(0,_objectWithoutProperties2["default"])(_useContext,_excluded2);var inputValue=value||children;var checked=inputValue===selectedValue;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,(0,_extends2["default"])({onPress:function onPress(){onChange({value:inputValue});}},context),_react["default"].createElement(RadioMark,(0,_extends2["default"])({small:small,checked:checked,ref:ref},rest),_react["default"].createElement(Text,{checked:checked},children)));});RadioGroupButton.displayName='RadioGroup.Button';RadioGroupButton.propTypes={value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),children:_propTypes.node.isRequired};RadioGroupButton.defaultProps={value:''};var _default=RadioGroupButton;exports["default"]=_default;

package/cjs/RadioGroup/native/Button/RadioButton.test.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("@testing-library/react-native");var _=_interopRequireDefault(require("../.."));var _Theme=_interopRequireDefault(require("../../../Theme"));var _RadioGroupContext=_interopRequireDefault(require("../../RadioGroupContext"));describe('<RadioGroup />',function(){describe('<RadioGroup.Button />',function(){describe('Snapshots',function(){it('should match snapshot with default radio button',function(){var _render=(0,_reactNative.render)(_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,null,"Radio 1"))),container=_render.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});it('should match snapshot with small radio button',function(){var _render2=(0,_reactNative.render)(_react["default"].createElement(_RadioGroupContext["default"].Provider,{value:{small:true}},_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,null,"Radio 1")))),container=_render2.container;expect((0,_reactNative.toJSON)(container)).toMatchSnapshot();});});describe('Props',function(){it('checked should be the selectedValue provided from Context',function(){var _render3=(0,_reactNative.render)(_react["default"].createElement(_RadioGroupContext["default"].Provider,{value:{selectedValue:'Radio 2'}},_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,null,"Radio 1"),_react["default"].createElement(_["default"].Button,null,"Radio 2")))),getAllByText=_render3.getAllByText;var _getAllByText=getAllByText(/^Radio/),_getAllByText2=(0,_slicedToArray2["default"])(_getAllByText,2),radio=_getAllByText2[0],radio2=_getAllByText2[1];expect(radio.props.checked).toBe(false);expect(radio2.props.checked).toBe(true);});});describe('Events',function(){it('should call onchange from Context',function(){var onChangeMock=jest.fn();var _render4=(0,_reactNative.render)(_react["default"].createElement(_RadioGroupContext["default"].Provider,{value:{onChange:onChangeMock}},_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,null,"Radio 1")))),getByText=_render4.getByText;var radio=getByText(/^Radio/);_reactNative.fireEvent.press(radio);expect(onChangeMock).toHaveBeenCalled();});it('value should be as prop value',function(){var onChangeMock=jest.fn();var _render5=(0,_reactNative.render)(_react["default"].createElement(_RadioGroupContext["default"].Provider,{value:{onChange:onChangeMock}},_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,{value:"radio1"},"Radio 1")))),getByText=_render5.getByText;var radio=getByText(/^Radio/);_reactNative.fireEvent.press(radio);expect(onChangeMock).toHaveBeenCalledWith({value:'radio1'});});it('value should be children if prop value is ommited',function(){var onChangeMock=jest.fn();var _render6=(0,_reactNative.render)(_react["default"].createElement(_RadioGroupContext["default"].Provider,{value:{onChange:onChangeMock}},_react["default"].createElement(_Theme["default"],null,_react["default"].createElement(_["default"].Button,null,"Radio 1")))),getByText=_render6.getByText;var radio=getByText(/^Radio/);_reactNative.fireEvent.press(radio);expect(onChangeMock).toHaveBeenCalledWith({value:'Radio 1'});});});});});