@gympass/yoga 7.87.1 → 7.88.1

package/esm/TextArea/web/TextArea.js

@@ -1,112 +1,157 @@
-var _excluded = ["disabled", "error", "full", "helper", "label", "maxLength", "className", "style", "value", "onChange"];
-
-var _templateObject, _templateObject2, _templateObject3;
-
-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; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useState, useRef, useEffect } from 'react';
-import styled from 'styled-components';
-import { string, bool, number, func, shape } from 'prop-types';
-import FieldSet from '../../Input/web/Fieldset';
-import Field from '../../Input/web/Field';
-import Label from '../../Input/web/Label';
-import Legend from '../../Input/web/Legend';
-import Helper from '../../Input/web/Helper';
-var Root = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  cursor: text;\n\n  ", "\n"])), function (_ref) {
-  var full = _ref.full;
-  return "\n    width: " + (full ? '100%' : 'auto') + ";\n  ";
-});
-var StyledFieldSet = styled(FieldSet)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  height: 88px;\n  box-sizing: border-box;\n"])));
-var StyledField = styled(Field)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  resize: none;\n  height: 100%;\n"])));
-/**
- * TextArea 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 = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var disabled = _ref2.disabled,
-      error = _ref2.error,
-      full = _ref2.full,
-      helper = _ref2.helper,
-      label = _ref2.label,
-      maxLength = _ref2.maxLength,
-      className = _ref2.className,
-      style = _ref2.style,
-      value = _ref2.value,
-      _onChange = _ref2.onChange,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var _useState = useState(value),
-      textAreaValue = _useState[0],
-      setTextAreaValue = _useState[1];
-
-  var _useState2 = useState(Boolean(value)),
-      typed = _useState2[0],
-      setTyped = _useState2[1];
-
-  var textAreaRef = ref || useRef(null);
-  useEffect(function () {
-    setTextAreaValue(value);
-    setTyped(Boolean(value));
-  }, [value]);
-  return /*#__PURE__*/React.createElement(Root, {
-    className: className,
-    full: full,
-    style: style,
-    onClick: function onClick() {
-      return textAreaRef.current.focus();
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }, /*#__PURE__*/React.createElement(StyledFieldSet, {
-    error: error,
-    disabled: disabled,
-    full: full,
-    label: label
-  }, /*#__PURE__*/React.createElement(StyledField, _extends({}, props, {
-    disabled: disabled,
-    full: full,
-    label: label,
-    as: "textarea",
-    ref: textAreaRef,
-    cleanable: false,
-    maxLength: maxLength,
-    typed: typed,
-    error: error,
-    value: textAreaValue,
-    onChange: function onChange(e) {
-      setTextAreaValue(e.target.value);
-      setTyped(Boolean(e.target.value));
-
-      _onChange(e);
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  })), /*#__PURE__*/React.createElement(Label, _extends({
-    error: error,
-    disabled: disabled
-  }, props), label), label && /*#__PURE__*/React.createElement(Legend, null, label)), /*#__PURE__*/React.createElement(Helper, {
-    disabled: disabled,
-    error: error,
-    helper: helper,
-    maxLength: maxLength,
-    length: textAreaValue.length
-  }));
-});
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect } from "react";
+import styled from "styled-components";
+import { string, bool, number, func, shape } from "prop-types";
+import FieldSet from "../../Input/web/Fieldset";
+import Field from "../../Input/web/Field";
+import Label from "../../Input/web/Label";
+import Legend from "../../Input/web/Legend";
+import Helper from "../../Input/web/Helper";
+const Root = styled.div`
+  display: inline-block;
+
+  cursor: text;
+
+  ${({ full }) => `
+    width: ${full ? "100%" : "auto"};
+  `}
+`;
+const StyledFieldSet = styled(FieldSet)`
+  height: 88px;
+  box-sizing: border-box;
+`;
+const StyledField = styled(Field)`
+  resize: none;
+  height: 100%;
+`;
+const TextArea = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      disabled,
+      error,
+      full,
+      helper,
+      label,
+      maxLength,
+      className,
+      style,
+      value,
+      onChange
+    } = _b, props = __objRest(_b, [
+      "disabled",
+      "error",
+      "full",
+      "helper",
+      "label",
+      "maxLength",
+      "className",
+      "style",
+      "value",
+      "onChange"
+    ]);
+    const [textAreaValue, setTextAreaValue] = useState(value);
+    const [typed, setTyped] = useState(Boolean(value));
+    const textAreaRef = ref || useRef(null);
+    useEffect(() => {
+      setTextAreaValue(value);
+      setTyped(Boolean(value));
+    }, [value]);
+    return /* @__PURE__ */ jsxs(
+      Root,
+      {
+        className,
+        full,
+        style,
+        onClick: () => textAreaRef.current.focus(),
+        children: [
+          /* @__PURE__ */ jsxs(
+            StyledFieldSet,
+            {
+              error,
+              disabled,
+              full,
+              label,
+              children: [
+                /* @__PURE__ */ jsx(
+                  StyledField,
+                  __spreadProps(__spreadValues({}, props), {
+                    disabled,
+                    full,
+                    label,
+                    as: "textarea",
+                    ref: textAreaRef,
+                    cleanable: false,
+                    maxLength,
+                    typed,
+                    error,
+                    value: textAreaValue,
+                    onChange: (e) => {
+                      setTextAreaValue(e.target.value);
+                      setTyped(Boolean(e.target.value));
+                      onChange(e);
+                    }
+                  })
+                ),
+                /* @__PURE__ */ jsx(Label, __spreadProps(__spreadValues({ error, disabled }, props), { children: label })),
+                label && /* @__PURE__ */ jsx(Legend, { children: label })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Helper,
+            {
+              disabled,
+              error,
+              helper,
+              maxLength,
+              length: textAreaValue.length
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 TextArea.propTypes = {
   className: string,
   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,
   placeholder: string,
@@ -116,17 +161,21 @@ TextArea.propTypes = {
   onChange: func
 };
 TextArea.defaultProps = {
-  className: undefined,
+  className: void 0,
   disabled: false,
-  error: undefined,
+  error: void 0,
   full: false,
-  helper: undefined,
-  label: '',
-  maxLength: undefined,
-  placeholder: undefined,
+  helper: void 0,
+  label: "",
+  maxLength: void 0,
+  placeholder: void 0,
   readOnly: false,
-  style: undefined,
-  value: '',
-  onChange: function onChange() {}
+  style: void 0,
+  value: "",
+  onChange: () => {
+  }
+};
+var TextArea_default = TextArea;
+export {
+  TextArea_default as default
 };
-export default TextArea;

package/esm/TextArea/web/TextArea.test.js

@@ -1,11 +1,12 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-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))),
-        container = _render.container;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider, TextArea } from "../..";
+describe("<TextArea />", () => {
+  it("should match snapshot", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(TextArea, {}) })
+    );
     expect(container).toMatchSnapshot();
   });
-});
+});

package/esm/TextArea/web/index.js

@@ -1,2 +1,5 @@
-import TextArea from './TextArea';
-export default TextArea;
+import TextArea from "./TextArea";
+var web_default = TextArea;
+export {
+  web_default as default
+};

package/esm/Theme/Provider/Provider.js

@@ -1,79 +1,75 @@
-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) {
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+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";
+const getBuilderTokens = (builder, tokens) => {
   if (!builder) {
     return {};
   }
-
-  var isThemeInvalid = builder ? !('isFromThemeBuilder' in builder) : false;
-
+  const 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    ");
+    throw new TypeError(
+      `Invalid 'theme' parameter. Expected one generated by createTheme() function.
+    Did you sent a function directly to <ThemeProvider />?
+    `
+    );
   }
-
-  var customTokens = builder(tokens);
-
-  if (typeof customTokens !== 'object') {
-    throw TypeError("Invalid 'theme' return value. Expected 'object', got " + typeof builder(tokens) + ".");
+  const 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);
+const getTheme = ({ locale, theme }) => {
+  const tokens = yogaTokens[locale] || yogaTokens.default;
+  const 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));
+const Provider = (_a) => {
+  var _b = _a, { locale, theme } = _b, rest = __objRest(_b, ["locale", "theme"]);
+  return /* @__PURE__ */ jsx(ThemeProvider, __spreadValues({ theme: { yoga: getTheme({ locale, theme }) } }, rest));
 };
-
 Provider.propTypes = {
   locale: PropTypes.string
 };
 Provider.defaultProps = {
-  locale: 'pt-BR'
+  locale: "pt-BR"
+};
+var Provider_default = Provider;
+export {
+  Provider_default as default
 };
-export default Provider;

package/esm/Theme/Provider/index.js

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

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

@@ -1,2 +1,5 @@
-import ThemeProvider from './native';
-export default ThemeProvider;
+import ThemeProvider from "./native";
+var index_native_default = ThemeProvider;
+export {
+  index_native_default as default
+};

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

@@ -1,2 +1,5 @@
-import ThemeProvider from '../Provider';
-export default ThemeProvider;
+import ThemeProvider from "../Provider";
+var native_default = ThemeProvider;
+export {
+  native_default as default
+};

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

@@ -1,20 +1,21 @@
-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", {
+import { Fragment, jsx } from "react/jsx-runtime";
+import React from "react";
+import GoogleFontLoader from "react-google-font-loader";
+import { withTheme } from "styled-components";
+const FontLoader = ({
+  theme: {
+    yoga: {
+      baseFont: { family, weight }
+    }
+  }
+}) => /* @__PURE__ */ jsx(Fragment, { children: typeof window !== "undefined" ? /* @__PURE__ */ jsx(GoogleFontLoader, { fonts: [{ font: family, weights: weight }] }) : /* @__PURE__ */ jsx(
+  "link",
+  {
     rel: "stylesheet",
-    href: "https://fonts.googleapis.com/css?family=" + family + ":" + weight.join()
-  }));
+    href: `https://fonts.googleapis.com/css?family=${family}:${weight.join()}`
+  }
+) });
+var FontLoader_default = withTheme(FontLoader);
+export {
+  FontLoader_default as default
 };
-
-export default withTheme(FontLoader);

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

@@ -1,11 +1,16 @@
-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\">");
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import FontLoader from "./FontLoader";
+import ThemeProvider from "./ThemeProvider";
+describe("FontLoader component", () => {
+  it("Should create standard font link", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(FontLoader, {}) })
+    );
+    const 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 +1,18 @@
-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;
+import { createGlobalStyle } from "styled-components";
+const GlobalStyle = createGlobalStyle`
+  ${({
+  theme: {
+    yoga: {
+      baseFont: { family }
+    }
+  }
+}) => `
+    body {
+      font-family: "${family}";
+    }
+  `}
+`;
+var GlobalStyle_default = GlobalStyle;
+export {
+  GlobalStyle_default as default
+};

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

@@ -1,17 +1,21 @@
-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      }");
+import { jsx } from "react/jsx-runtime";
+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";
+const { baseFont } = theme(tokens);
+describe("GlobalStyle component", () => {
+  it("Should use standard font in the body", () => {
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(GlobalStyle, {}) })
+    );
+    expectCSSMatches(
+      `body {
+        font-family: "${baseFont.family}";
+      }`
+    );
   });
-});
+});