@gympass/yoga 7.36.0 → 7.37.2

package/esm/Feedback/web/Feedback.test.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, Feedback } from '../..';
+
+function renderWithTheme(ui) {
+  return render(ui, {
+    wrapper: ThemeProvider
+  });
+}
+
+var title = 'Welcome to Yoga';
+var description = 'Enjoy your membership!';
+describe('<Feedback />', function () {
+  it('should render the title and description', function () {
+    var _renderWithTheme = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "success",
+      title: title,
+      description: description
+    })),
+        getByText = _renderWithTheme.getByText;
+
+    expect(getByText(title)).toBeTruthy();
+    expect(getByText(description)).toBeTruthy();
+  });
+  it('should render the title children', function () {
+    var _renderWithTheme2 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "success",
+      description: "Enjoy your membership!"
+    }, /*#__PURE__*/React.createElement(Feedback.Title, {
+      as: "h1"
+    }, title))),
+        getByRole = _renderWithTheme2.getByRole;
+
+    expect(getByRole('heading', {
+      name: title
+    })).toBeTruthy();
+  });
+  it('should render the buttons', function () {
+    var _renderWithTheme3 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "success",
+      title: title,
+      description: description
+    }, /*#__PURE__*/React.createElement(Feedback.PrimaryButton, null, "Ok"), /*#__PURE__*/React.createElement(Feedback.SecondaryButton, null, "Cancel"))),
+        getByRole = _renderWithTheme3.getByRole;
+
+    expect(getByRole('button', {
+      name: 'Ok'
+    })).toBeTruthy();
+    expect(getByRole('button', {
+      name: 'Cancel'
+    })).toBeTruthy();
+  });
+  it('should render the icon for success variant', function () {
+    var _renderWithTheme4 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "success",
+      title: title,
+      description: description
+    })),
+        getByTestId = _renderWithTheme4.getByTestId;
+
+    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  });
+  it('should render the icon for informative variant', function () {
+    var _renderWithTheme5 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "informative",
+      title: title,
+      description: description
+    })),
+        getByTestId = _renderWithTheme5.getByTestId;
+
+    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  });
+  it('should render the icon for attention variant', function () {
+    var _renderWithTheme6 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
+      variant: "attention",
+      title: title,
+      description: description
+    })),
+        getByTestId = _renderWithTheme6.getByTestId;
+
+    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  });
+});

package/esm/Grid/web/Col.test.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import { Col } from '.';
+describe('<Col />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default Col', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Col, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should match snapshot with different Col size', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Col, {
+        xxs: 6
+      }))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should be the same column size from medium to xxxl', function () {
+      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Col, {
+        md: 6
+      }))),
+          container = _render3.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should set column offsets', function () {
+      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Col, {
+        "md-start": 3,
+        md: 6
+      }))),
+          container = _render4.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should hide Col in a xs and xm breakpoints', function () {
+      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Col, {
+        hide: ['xs', 'sm'],
+        md: 6
+      }))),
+          container = _render5.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Grid/web/Container.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import { Container } from '.';
+describe('<Container />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default Container', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Container, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Grid/web/Hide.test.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import { Hide } from '.';
+describe('<Hide />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Hide, {
+        xxs: true,
+        xs: true,
+        sm: true,
+        md: true,
+        lg: true,
+        xl: true,
+        xxl: true,
+        xxxl: true
+      }, /*#__PURE__*/React.createElement("div", null, "foo")))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+    it('should hide starting from md breakpoint', function () {
+      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Hide, {
+        "md-start": true
+      }, /*#__PURE__*/React.createElement("div", null, "foo")))),
+          container = _render2.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Grid/web/Row.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider } from '../..';
+import { Row } from '.';
+describe('<Row />', function () {
+  describe('Snapshots', function () {
+    it('should match snapshot with default Row', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Row, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Header/web/Header.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { screen, render } from '@testing-library/react';
+import { ThemeProvider, Header } from '../..';
+describe('<Header />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, null))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should have link', function () {
+    var gympassLink = 'https://site.gympass.com/br';
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, {
+      link: gympassLink
+    })));
+    screen.getByRole('link', {
+      href: gympassLink
+    });
+  });
+  it('should show custom logo', function () {
+    var CustomLogo = function CustomLogo() {
+      return /*#__PURE__*/React.createElement("div", null, "Custom logo");
+    };
+
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, {
+      logo: CustomLogo
+    })));
+    screen.getByText('Custom logo');
+  });
+  it('should show children', function () {
+    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement("p", null, "Make wellbeing universal"))));
+    screen.getByText('Make wellbeing universal');
+  });
+});

package/esm/Heading/web/Heading.test.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Upload2 } from '@gympass/yoga-icons/src';
+import { ThemeProvider, Heading } from '../..';
+import Title from './Title';
+import BackButton from './BackButton';
+import RightButton from './RightButton';
+
+var onClick = function onClick() {};
+
+describe('<Heading />', function () {
+  it('should match snapshot with title', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Title, null, "Gympass")))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with title and back button', function () {
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Title, null, "Gympass"), /*#__PURE__*/React.createElement(BackButton, {
+      onClick: onClick
+    })))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with all components', function () {
+    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(Title, null, "Gympass"), /*#__PURE__*/React.createElement(BackButton, {
+      onClick: onClick
+    }), /*#__PURE__*/React.createElement(RightButton, {
+      icon: Upload2,
+      onClick: onClick
+    })))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with back button', function () {
+    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(BackButton, {
+      onClick: onClick
+    })))),
+        container = _render4.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Icon/index.native.js

@@ -0,0 +1,2 @@
+import Icon from './native';
+export default Icon;

package/esm/Icon/native/Icon.test.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider, Icon } from '../..';
+
+var Circle = function Circle(props) {
+  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
+    cx: "16",
+    cy: "16",
+    r: "16"
+  }));
+};
+
+describe('Snapshots', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      width: "small",
+      height: "small",
+      fill: "stamina"
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with size prop', function () {
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina"
+    }))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with system props', function () {
+    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina",
+      margin: "medium",
+      elevation: "medium"
+    }))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Icon/native/index.js

@@ -0,0 +1,2 @@
+import Icon from '../Icon';
+export default Icon;

package/esm/Icon/web/Icon.test.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, Icon } from '../..';
+
+var Circle = function Circle(props) {
+  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
+    cx: "16",
+    cy: "16",
+    r: "16"
+  }));
+};
+
+describe('Snapshots', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      width: "small",
+      height: "small",
+      fill: "stamina"
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with size prop', function () {
+    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina"
+    }))),
+        container = _render2.container;
+
+    expect(container).toMatchSnapshot();
+  });
+  it('should match snapshot with system props', function () {
+    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Icon, {
+      as: Circle,
+      size: "small",
+      fill: "stamina",
+      margin: "medium",
+      elevation: "medium"
+    }))),
+        container = _render3.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Input/index.native.js

@@ -0,0 +1,6 @@
+import { Input, Password, Email, InputNumber, Tel } from './native';
+Input.Password = Password;
+Input.Email = Email;
+Input.Number = InputNumber;
+Input.Tel = Tel;
+export default Input;

package/esm/Input/native/Email.js

@@ -0,0 +1,15 @@
+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); }
+
+import React from 'react';
+import Input from './Input';
+var Email = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, props, {
+    autoCompleteType: "email",
+    autoCapitalize: "none",
+    keyboardType: "email-address",
+    textContentType: "emailAddress"
+  }));
+});
+export default Email;

package/esm/Input/native/Email.test.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react-native';
+import { ThemeProvider, Input } from '../..';
+describe('<Input.Email />', function () {
+  describe('Snapshots', function () {
+    it('should match with default input', function () {
+      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Email, null))),
+          container = _render.container;
+
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/esm/Input/native/Helper.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import styled from 'styled-components';
+import { string, bool, number } from 'prop-types';
+import Text from '../../Text';
+var HelperWrapper = styled.View(function (_ref) {
+  var full = _ref.full,
+      input = _ref.theme.yoga.components.input;
+  return "\n    width: " + (full ? '100%' : input.width + "px") + ";\n    max-width: " + input.width + "px;\n    flex-direction: row;\n    justify-content: space-between;\n\n    margin-top: " + input.helper.margin.top + "px;\n  ";
+});
+var Info = styled(Text.Regular)(function (_ref2) {
+  var disabled = _ref2.disabled,
+      focused = _ref2.focused,
+      error = _ref2.error,
+      _ref2$theme$yoga = _ref2.theme.yoga,
+      colors = _ref2$theme$yoga.colors,
+      input = _ref2$theme$yoga.components.input;
+  return "\n    flex-wrap: wrap;\n\n    color: " + input.helper.color["default"] + ";\n    font-size: " + input.helper.font.size + "px;\n\n    " + (disabled ? "color: " + colors.text.disabled + ";" : '') + "\n    " + (focused ? "color: " + input.helper.color.focus + ";" : '') + "\n    " + (error ? "color: " + colors.feedback.attention.dark + ";" : '') + "\n  ";
+});
+var Helper = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
+  var full = _ref3.full,
+      error = _ref3.error,
+      helper = _ref3.helper,
+      disabled = _ref3.disabled,
+      focused = _ref3.focused,
+      maxLength = _ref3.maxLength,
+      length = _ref3.length,
+      hideMaxLength = _ref3.hideMaxLength;
+  return /*#__PURE__*/React.createElement(HelperWrapper, {
+    ref: ref,
+    full: full,
+    disabled: disabled
+  }, (error || helper) && /*#__PURE__*/React.createElement(Info, {
+    disabled: disabled,
+    focused: focused,
+    error: error
+  }, error || helper), !hideMaxLength && maxLength && /*#__PURE__*/React.createElement(Info, {
+    disabled: disabled,
+    focused: focused,
+    error: error
+  }, length, "/", maxLength));
+});
+Helper.propTypes = {
+  disabled: bool,
+  error: string,
+  focused: bool,
+  full: bool,
+  helper: string,
+  maxLength: number,
+  length: number,
+  hideMaxLength: bool
+};
+Helper.defaultProps = {
+  disabled: undefined,
+  error: undefined,
+  focused: false,
+  full: false,
+  helper: undefined,
+  maxLength: undefined,
+  length: undefined,
+  hideMaxLength: false
+};
+export default Helper;