@gympass/yoga 7.87.1 → 7.88.0

package/esm/Text/textStyle.ios.js

@@ -1,14 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { css } from 'styled-components';
-import defaultStyle from './sharedTextStyle';
-
-var textStyle = function textStyle(type) {
-  return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", ";\n  "])), defaultStyle(type));
-  };
-};
-
-export default textStyle;

package/esm/Text/textStyle.web.js

@@ -1,17 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { css } from 'styled-components';
-import defaultStyle from './sharedTextStyle';
-
-var textStyle = function textStyle(type) {
-  return function () {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    ", ";\n    ", "\n  "])), defaultStyle(type), function (_ref) {
-      var numberOfLines = _ref.numberOfLines;
-      return "\n    " + (numberOfLines ? "\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: " + numberOfLines + ";\n        overflow: hidden;\n      " : '') + "\n  ";
-    });
-  };
-};
-
-export default textStyle;

package/esm/TextArea/TextArea.theme.js

@@ -1,3 +0,0 @@
-import Input from '../Input/Input.theme';
-var TextArea = Input;
-export default TextArea;

package/esm/TextArea/index.js

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

package/esm/TextArea/index.native.js

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

package/esm/TextArea/native/TextArea.js

@@ -1,59 +0,0 @@
-var _templateObject;
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled from 'styled-components';
-import { bool, func, number, string } from 'prop-types';
-import Input from '../../Input';
-var StyledInput = styled(Input)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  height: 88px;\n"])));
-/**
- * Text Area is a type of text field which has a larger initiation size to
- * encourage a bigger user input. This component has a fixed height and the text
- * lines are increased when the input reaches the limit of lines established for
- * the field. This action creates a vertical scroll inside the component.
- */
-
-var TextArea = function TextArea(props) {
-  return /*#__PURE__*/React.createElement(StyledInput, _extends({}, props, {
-    textAlignVertical: "top",
-    multiline: true,
-    cleanable: false
-  }));
-};
-
-TextArea.propTypes = {
-  disabled: bool,
-
-  /** A error text to be displayed below field */
-  error: string,
-  full: bool,
-
-  /** A helper text to be displayed below field */
-  helper: string,
-  label: string,
-
-  /** maximum length (number of characters) of value */
-  maxLength: number,
-  readOnly: bool,
-  value: string,
-  onBlur: func,
-  onChangeText: func,
-  onFocus: func
-};
-TextArea.defaultProps = {
-  disabled: false,
-  error: undefined,
-  full: false,
-  helper: undefined,
-  label: '',
-  maxLength: undefined,
-  readOnly: false,
-  value: '',
-  onBlur: function onBlur() {},
-  onChangeText: function onChangeText() {},
-  onFocus: function onFocus() {}
-};
-export default TextArea;

package/esm/TextArea/native/TextArea.test.js

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

package/esm/TextArea/native/index.js

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

package/esm/Theme/Provider/Provider.js

@@ -1,79 +0,0 @@
-var _excluded = ["locale", "theme"];
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as yogaTokens from '@gympass/yoga-tokens';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { ThemeProvider } from 'styled-components';
-import yogaThemeBuilder from '../theme';
-/**
- *
- * @param {Function} builder theme builder function, returns an object with custom theme tokens
- * @param {Object.<string, string | number>} tokens default tokens from standard Yoga theme
- * @returns {null | Object.<string, string | number>} null if there's no builder, otherwise return custom tokens
- */
-
-var getBuilderTokens = function getBuilderTokens(builder, tokens) {
-  if (!builder) {
-    return {};
-  }
-
-  var isThemeInvalid = builder ? !('isFromThemeBuilder' in builder) : false;
-
-  if (isThemeInvalid) {
-    throw new TypeError("Invalid 'theme' parameter. Expected one generated by createTheme() function.\n    Did you sent a function directly to <ThemeProvider />?\n    ");
-  }
-
-  var customTokens = builder(tokens);
-
-  if (typeof customTokens !== 'object') {
-    throw TypeError("Invalid 'theme' return value. Expected 'object', got " + typeof builder(tokens) + ".");
-  }
-
-  return customTokens;
-};
-/**
- * Gets resolved theme to inject in Yoga
- *
- * @param {{locale: string, theme: function}} themeParameters information about the theme
- * @param {string} themeParameters.locale custom locale to get colors from (if it has a different scheme)
- * @param {function} themeParameters.theme returns a custom theme object to replace existing tokens
- * @returns {Object.<string, string | number>} theme object with tokens sent to styled-components' <ThemeProvider />
- */
-
-
-var getTheme = function getTheme(_ref) {
-  var locale = _ref.locale,
-      theme = _ref.theme;
-  var tokens = yogaTokens[locale] || yogaTokens["default"];
-  var customTokens = getBuilderTokens(theme, tokens);
-  return yogaThemeBuilder(tokens, customTokens);
-};
-/** This component provides a theme to all React components underneath itself via the context API. */
-
-
-var Provider = function Provider(_ref2) {
-  var locale = _ref2.locale,
-      theme = _ref2.theme,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(ThemeProvider, _extends({
-    theme: {
-      yoga: getTheme({
-        locale: locale,
-        theme: theme
-      })
-    }
-  }, rest));
-};
-
-Provider.propTypes = {
-  locale: PropTypes.string
-};
-Provider.defaultProps = {
-  locale: 'pt-BR'
-};
-export default Provider;

package/esm/Theme/Provider/index.js

@@ -1,2 +0,0 @@
-import { ThemeProvider, FontLoader } from './web';
-export { ThemeProvider, FontLoader };

package/esm/Theme/Provider/index.native.js

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

package/esm/Theme/Provider/native/index.js

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

package/esm/Theme/Provider/web/FontLoader.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import GoogleFontLoader from 'react-google-font-loader';
-import { withTheme } from 'styled-components';
-
-var FontLoader = function FontLoader(_ref) {
-  var _ref$theme$yoga$baseF = _ref.theme.yoga.baseFont,
-      family = _ref$theme$yoga$baseF.family,
-      weight = _ref$theme$yoga$baseF.weight;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof window !== 'undefined' ? /*#__PURE__*/React.createElement(GoogleFontLoader, {
-    fonts: [{
-      font: family,
-      weights: weight
-    }]
-  }) : /*#__PURE__*/React.createElement("link", {
-    rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css?family=" + family + ":" + weight.join()
-  }));
-};
-
-export default withTheme(FontLoader);

package/esm/Theme/Provider/web/FontLoader.test.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import FontLoader from './FontLoader';
-import ThemeProvider from './ThemeProvider';
-describe('FontLoader component', function () {
-  it('Should create standard font link', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(FontLoader, null)));
-    var link = document.getElementsByTagName('link').item(0).outerHTML;
-    expect(link).toContain("<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900,300i,400i,500i,700i,900i\">");
-  });
-});

package/esm/Theme/Provider/web/GlobalStyle.js

@@ -1,10 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { createGlobalStyle } from 'styled-components';
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var family = _ref.theme.yoga.baseFont.family;
-  return "\n    body {\n      font-family: \"" + family + "\";\n    }\n  ";
-});
-export default GlobalStyle;

package/esm/Theme/Provider/web/GlobalStyle.test.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import tokens from '@gympass/yoga-tokens';
-import theme from '../../theme';
-import GlobalStyle from './GlobalStyle';
-import ThemeProvider from './ThemeProvider';
-import expectCSSMatches from './expectCssMatches';
-
-var _theme = theme(tokens),
-    baseFont = _theme.baseFont;
-
-describe('GlobalStyle component', function () {
-  it('Should use standard font in the body', function () {
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(GlobalStyle, null)));
-    expectCSSMatches("body {\n        font-family: \"" + baseFont.family + "\";\n      }");
-  });
-});

package/esm/Theme/Provider/web/ThemeProvider.js

@@ -1,21 +0,0 @@
-var _excluded = ["children"];
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { node } from 'prop-types';
-import Provider from '../Provider';
-import GlobalStyle from './GlobalStyle';
-/** This component provides a theme to all React components underneath itself via the context API. */
-
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Provider, rest, /*#__PURE__*/React.createElement(GlobalStyle, null), children);
-};
-
-ThemeProvider.propTypes = {
-  children: node.isRequired
-};
-export default ThemeProvider;

package/esm/Theme/Provider/web/expectCssMatches.js

@@ -1,20 +0,0 @@
-/* eslint-disable no-underscore-dangle */
-var normalizeCSS = function normalizeCSS(rule) {
-  return rule.join('\n').replace(/(?:\r\n|\r|\n)/g, '').replace(/ {\s+/g, '{').replace(/\s+ }/g, '}').replace(/,\s+/g, ',').replace(/;\s+/g, ';').replace(/:\s+/g, ':').replace(/:\s+;/g, ':;');
-};
-
-var getCSS = function getCSS(scope) {
-  return normalizeCSS(Array.from(scope.querySelectorAll('style')).map(function (tag) {
-    return tag.innerHTML;
-  }));
-};
-
-var expectCSSMatches = function expectCSSMatches(expectation) {
-  var _expectation = normalizeCSS(expectation.split('\n'));
-
-  var css = getCSS(document);
-  expect(css).toContain(_expectation);
-  return css;
-};
-
-export default expectCSSMatches;

package/esm/Theme/Provider/web/index.js

@@ -1,3 +0,0 @@
-import ThemeProvider from './ThemeProvider';
-import FontLoader from './FontLoader';
-export { ThemeProvider, FontLoader };

package/esm/Theme/helpers/themeGenerator/index.js

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

package/esm/Theme/helpers/themeGenerator/themeGenerator.js

@@ -1,19 +0,0 @@
-/**
- * Gets a function that one could sent to \<ThemeProvider> in order to inject a custom thme (or sets of tokens)
- * @param {themeVars} themeVars - should return an object with a similar scheme of our tokens that will be replaced, can receive a tokens parameter
- * @returns {themeVars} themeVars - will return the same function which is injected to \<ThemeProvider>
- */
-function createTheme(themeVars) {
-  if (typeof themeVars !== 'function') throw new TypeError("Invalid param 'themeVars', expected 'function', received '" + typeof themeVars + "'.");
-  var themeBuilder = themeVars.bind({});
-  themeBuilder.isFromThemeBuilder = true;
-  return themeBuilder;
-}
-/**
- * This callback is displayed as part of the Requester class.
- * @callback themeVars
- * @param {Object.<string, string | number>} tokens - object containing Yoga tokens
- */
-
-
-export default createTheme;

package/esm/Theme/helpers/themeGenerator/themeGenerator.test.js

@@ -1,24 +0,0 @@
-import * as tokens from '@gympass/yoga-tokens';
-import createTheme from './index';
-describe('given theme generator:createTheme()', function () {
-  it('should generate a callable theme which overrides only received tokens', function () {
-    var generatedTheme = createTheme(function (yogaTokens) {
-      return {
-        colors: {
-          primary: yogaTokens.colors.stamina
-        }
-      };
-    });
-    expect(typeof generatedTheme === 'function');
-    expect(generatedTheme(tokens["default"])).toEqual({
-      colors: {
-        primary: '#231B22'
-      }
-    });
-  });
-  it('should not accept invalid parameters', function () {
-    expect(function () {
-      return createTheme(true);
-    }).toThrow(TypeError);
-  });
-});

package/esm/Theme/helpers/themeReader/base.test.js

@@ -1,76 +0,0 @@
-import ProxyPolyfillBuilder from 'proxy-polyfill/src/proxy';
-import theme from './index';
-describe('themeReader - base specs', function () {
-  beforeAll(function () {
-    // Tests should ran using the polyfill.
-    global.Proxy = ProxyPolyfillBuilder();
-  });
-  it('should return a function', function () {
-    expect(theme).toBeInstanceOf(Function);
-  });
-  it('should return undefined if key does not exist on the theme', function () {
-    expect(typeof theme.colors.randomValue).toBe('undefined');
-    expect(typeof theme.randomValue).toBe('undefined');
-  });
-  it('should have theme.yoga as the base path', function () {
-    var yoga = 'wow cool theme, such tokens';
-    var obj = {
-      theme: {
-        yoga: yoga
-      }
-    };
-    expect(theme(obj)).toBe(yoga);
-  });
-  it('should be able to get fields with keys', function () {
-    var value = 'deep!';
-    var obj = {
-      theme: {
-        yoga: {
-          breakpoints: {
-            xs: {
-              margin: value
-            }
-          }
-        }
-      }
-    };
-    expect(theme.breakpoints.xs.margin(obj)).toBe(value);
-  });
-  it('should be able to get fields with array position', function () {
-    var array = ['nice', 'array', 'bro'];
-    var obj = {
-      theme: {
-        yoga: {
-          borders: array
-        }
-      }
-    };
-    array.forEach(function (val, i) {
-      expect(theme.borders[i](obj)).toBe(val);
-    });
-  });
-  it('should be destructible', function () {
-    var baseFontSizeValue = 'nice size';
-    var primaryValue = 'very primary';
-    var lgValue = 'much large';
-    var obj = {
-      theme: {
-        yoga: {
-          baseFontSize: baseFontSizeValue,
-          colors: {
-            primary: primaryValue
-          },
-          breakpoints: {
-            lg: lgValue
-          }
-        }
-      }
-    };
-    var baseFontSize = theme.baseFontSize,
-        primary = theme.colors.primary,
-        breakpoints = theme.breakpoints;
-    expect(primary(obj)).toBe(primaryValue);
-    expect(breakpoints.lg(obj)).toBe(lgValue);
-    expect(baseFontSize(obj)).toBe(baseFontSizeValue);
-  });
-});

package/esm/Theme/helpers/themeReader/index.js

@@ -1,33 +0,0 @@
-import 'proxy-polyfill';
-import tokens from '@gympass/yoga-tokens';
-import theme from '../../theme';
-var skeleton = theme(tokens);
-var CACHE_PLACEHOLDER = null;
-
-var withoutKey = function withoutKey(fn, key) {
-  return !{}.hasOwnProperty.call(fn, key) || key === 'prototype';
-};
-
-var createFakeObj = function createFakeObj(paths, object) {
-  var fn = function fn(props) {
-    return paths.reduce(function (acc, path) {
-      return acc[path];
-    }, props);
-  }; // We only need the key to be present, the value does not matter.
-
-
-  Object.keys(object).forEach(function (key) {
-    fn[key] = CACHE_PLACEHOLDER;
-  });
-  return new Proxy(fn, {
-    get: function get(target, key) {
-      if (withoutKey(fn, key)) return target[key];
-      if (fn[key]) return fn[key]; // We replace the value, this will be used as cache on the next call.
-
-      fn[key] = createFakeObj([].concat(paths, [key]), object[key]);
-      return fn[key];
-    }
-  });
-};
-
-export default createFakeObj(['theme', 'yoga'], skeleton);

package/esm/Theme/helpers/themeReader/native/native.test.js

@@ -1,53 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { render } from '@testing-library/react-native';
-import ThemeProvider, { theme } from '../../../index.native';
-import '../base.test';
-describe('themeReader - web specs', function () {
-  it('should render', function () {
-    var Component = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border: ", "px solid;\n    "])), theme.borders.small);
-
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      testID: "component"
-    }, "Teste"))),
-        toJSON = _render.toJSON;
-
-    expect(toJSON().props.style).toEqual([{
-      borderWidth: 1,
-      borderColor: 'black',
-      borderStyle: 'solid'
-    }]);
-  });
-  it('should render with conditional', function () {
-    var Component = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), function (_ref) {
-      var borders = _ref.borders;
-      return borders ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n              ", "px solid\n            "])), theme.borders.small) : 'none';
-    });
-
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      borders: false,
-      testID: "component"
-    }, "Teste"))),
-        toJSON = _render2.toJSON,
-        rerender = _render2.rerender;
-
-    expect(toJSON().props.style).toEqual([{
-      borderWidth: 0,
-      borderColor: 'black',
-      borderStyle: 'solid'
-    }]);
-    rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      borders: true,
-      "data-testid": "component"
-    })));
-    expect(toJSON().props.style).toEqual([{
-      borderWidth: 1,
-      borderColor: 'black',
-      borderStyle: 'solid'
-    }]);
-  });
-});

package/esm/Theme/helpers/themeReader/web/web.test.js

@@ -1,41 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { render } from '@testing-library/react';
-import ThemeProvider, { theme } from '../../../index';
-import '../base.test';
-describe('themeReader - web specs', function () {
-  it('should render', function () {
-    var Component = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border: ", "px solid;\n    "])), theme.borders.small);
-
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      "data-testid": "component"
-    }))),
-        getByTestId = _render.getByTestId;
-
-    expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
-  });
-  it('should render with conditional', function () {
-    var Component = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), function (_ref) {
-      var borders = _ref.borders;
-      return borders ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n              ", "px solid\n            "])), theme.borders.small) : 'none';
-    });
-
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      borders: false,
-      "data-testid": "component"
-    }))),
-        getByTestId = _render2.getByTestId,
-        rerender = _render2.rerender;
-
-    expect(getByTestId('component')).toHaveStyleRule('border', 'none');
-    rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Component, {
-      borders: true,
-      "data-testid": "component"
-    })));
-    expect(getByTestId('component')).toHaveStyleRule('border', '1px solid');
-  });
-});

package/esm/Theme/index.js

@@ -1,5 +0,0 @@
-import { ThemeProvider, FontLoader } from './Provider';
-import yogaTheme from './theme';
-import theme from './helpers/themeReader';
-import createTheme from './helpers/themeGenerator';
-export { ThemeProvider as default, FontLoader, yogaTheme, theme, createTheme };

package/esm/Theme/index.native.js

@@ -1,6 +0,0 @@
-// eslint-disable-next-line import/no-named-as-default
-import ThemeProvider from './Provider';
-import yogaTheme from './theme';
-import theme from './helpers/themeReader';
-import createTheme from './helpers/themeGenerator';
-export { ThemeProvider as default, yogaTheme, theme, createTheme };

package/esm/Theme/theme/index.js

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