@gympass/yoga 7.87.1 → 7.88.0

package/esm/Snackbar/native/Snackbar.test.js

@@ -1,100 +0,0 @@
-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); }
-
-import React, { useRef } from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import * as RN from 'react-native';
-import { CheckedFull } from '@gympass/yoga-icons';
-import { ThemeProvider, Snackbar } from '../..';
-import Button from '../../Button';
-RN.Animated.spring = jest.fn().mockReturnValue({
-  start: jest.fn()
-});
-
-var Component = function Component(overrideProps) {
-  var snackbarRef = useRef();
-  return /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Button, {
-    full: true,
-    small: true,
-    onPress: function onPress() {
-      snackbarRef.current.open();
-    }
-  }, "Tap to open snackbar"), /*#__PURE__*/React.createElement(Snackbar, _extends({
-    ref: snackbarRef,
-    message: "Feedback Message"
-  }, overrideProps)));
-};
-
-describe('<Snackbar />', function () {
-  it('should match snapshot when snackbar is default', function () {
-    var _render = render( /*#__PURE__*/React.createElement(Component, null)),
-        toJSON = _render.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot when have an icon and action', function () {
-    var overrideProps = {
-      icon: CheckedFull,
-      actionLabel: 'Action',
-      onAction: function onAction() {}
-    };
-
-    var _render2 = render( /*#__PURE__*/React.createElement(Component, overrideProps)),
-        toJSON = _render2.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot when have a long text', function () {
-    var overrideProps = {
-      message: 'Lorem Ipsum is simply dummy text of the printing and types.',
-      icon: CheckedFull,
-      actionLabel: 'Action',
-      onAction: function onAction() {}
-    };
-
-    var _render3 = render( /*#__PURE__*/React.createElement(Component, overrideProps)),
-        toJSON = _render3.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should match snapshot when have a variant informative or attention prop', function () {
-    var overrideProps = {
-      variant: 'informative'
-    };
-
-    var _render4 = render( /*#__PURE__*/React.createElement(Component, overrideProps)),
-        toJSON = _render4.toJSON;
-
-    expect(toJSON()).toMatchSnapshot();
-  });
-  it('should show and hide snackbar when the open and close Animation function is called', function () {
-    var overrideProps = {
-      onSnackbarClose: jest.fn(),
-      actionLabel: 'Action',
-      onAction: jest.fn()
-    };
-
-    var _render5 = render( /*#__PURE__*/React.createElement(Component, overrideProps)),
-        getByText = _render5.getByText,
-        getByTestId = _render5.getByTestId;
-
-    fireEvent(getByTestId('wrapper'), 'layout', {
-      nativeEvent: {
-        layout: {
-          height: 200
-        }
-      }
-    });
-    fireEvent.press(getByText('Tap to open snackbar'));
-    expect(RN.Animated.spring.mock.calls[0][1]).toEqual({
-      toValue: 0,
-      bounciness: 0,
-      useNativeDriver: true
-    });
-    fireEvent.press(getByText('Action'));
-    expect(RN.Animated.spring.mock.calls[1][1]).toEqual({
-      toValue: 200,
-      bounciness: 0,
-      useNativeDriver: true
-    });
-  });
-});

package/esm/Snackbar/native/SnackbarAnimationWrapper.js

@@ -1,124 +0,0 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { Animated, useWindowDimensions, View } from 'react-native';
-import { func, node, oneOf } from 'prop-types';
-import styled from 'styled-components';
-var durationDictionary = {
-  fast: 4000,
-  "default": 8000,
-  slow: 10000,
-  indefinite: -1
-};
-var Wrapper = styled(Animated.View)(function () {
-  return "\n    position: absolute;\n    width: 100%;\n    bottom: 0px;\n  ";
-});
-var SnackbarAnimationWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var onSnackbarClose = _ref.onSnackbarClose,
-      children = _ref.children,
-      duration = _ref.duration;
-
-  var _useWindowDimensions = useWindowDimensions(),
-      windowHeight = _useWindowDimensions.height;
-
-  var _useState = useState(),
-      childrenHeight = _useState[0],
-      setChildrenHeight = _useState[1];
-
-  var _translateY = useRef(new Animated.Value(windowHeight)).current;
-  var timeoutRef = useRef();
-  var childrenRef = useRef();
-
-  var openAnimation = function openAnimation() {
-    Animated.spring(_translateY, {
-      toValue: 0,
-      bounciness: 0,
-      useNativeDriver: true
-    }).start();
-  };
-
-  var closeAnimation = function closeAnimation(callback) {
-    if (childrenHeight) {
-      Animated.spring(_translateY, {
-        toValue: childrenHeight,
-        bounciness: 0,
-        useNativeDriver: true
-      }).start(function (_ref2) {
-        var finished = _ref2.finished;
-
-        if (finished && callback) {
-          callback();
-        }
-      });
-
-      if (onSnackbarClose) {
-        onSnackbarClose();
-      }
-    }
-  };
-
-  var setupSnackbarTimeout = function setupSnackbarTimeout() {
-    var timeoutDuration = durationDictionary[duration];
-    var shouldCloseOnTimer = childrenHeight && timeoutDuration > 0;
-
-    if (shouldCloseOnTimer) {
-      timeoutRef.current = setTimeout(function () {
-        clearTimeout(timeoutRef.current);
-        closeAnimation();
-      }, timeoutDuration);
-    }
-  };
-
-  var openSnackbar = function openSnackbar() {
-    openAnimation();
-    setupSnackbarTimeout();
-  };
-
-  var closeSnackbar = function closeSnackbar(callback) {
-    clearTimeout(timeoutRef.current);
-    closeAnimation(callback);
-  };
-
-  useImperativeHandle(ref, function () {
-    return {
-      open: function open() {
-        openSnackbar();
-      },
-      close: function close(callback) {
-        closeSnackbar(callback);
-      },
-      translateY: function translateY(dy) {
-        _translateY.setValue(dy);
-      }
-    };
-  });
-  useEffect(function () {
-    return function () {
-      return clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    style: {
-      zIndex: 10,
-      transform: [{
-        translateY: _translateY
-      }]
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    testID: "wrapper",
-    ref: childrenRef,
-    onLayout: function onLayout(_ref3) {
-      var height = _ref3.nativeEvent.layout.height;
-      setChildrenHeight(height);
-
-      _translateY.setValue(height);
-    }
-  }, children));
-});
-SnackbarAnimationWrapper.propTypes = {
-  onSnackbarClose: func,
-  children: node.isRequired,
-  duration: oneOf(['fast', 'default', 'slow', 'indefinite']).isRequired
-};
-SnackbarAnimationWrapper.defaultProps = {
-  onSnackbarClose: undefined
-};
-export default SnackbarAnimationWrapper;

package/esm/Snackbar/native/index.js

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

package/esm/Spinner/Spinner.theme.js

@@ -1,5 +0,0 @@
-var Spinner = function Spinner() {
-  return {};
-};
-
-export default Spinner;

package/esm/Spinner/index.js

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

package/esm/Stepper/Stepper.theme.js

@@ -1,41 +0,0 @@
-var Stepper = function Stepper(_ref) {
-  var colors = _ref.colors,
-      spacing = _ref.spacing,
-      fontSizes = _ref.fontSizes,
-      fontWeights = _ref.fontWeights,
-      radii = _ref.radii;
-  return {
-    padding: {
-      left: spacing.xxlarge,
-      right: spacing.xxlarge
-    },
-    line: {
-      backgroundColor: {
-        active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled,
-        secondary: colors.medium
-      }
-    },
-    dot: {
-      radius: radii.circle,
-      backgroundColor: {
-        active: colors.primary,
-        inactive: colors.elements.backgroundAndDisabled,
-        secondary: colors.medium
-      }
-    },
-    label: {
-      font: {
-        weight: fontWeights.bold,
-        size: fontSizes.xsmall
-      },
-      color: {
-        active: colors.primary,
-        inactive: colors.elements.selectionAndIcons,
-        secondary: colors.medium
-      }
-    }
-  };
-};
-
-export default Stepper;

package/esm/Stepper/activeDot.js

@@ -1,5 +0,0 @@
-var activeDot = function activeDot(currentIndex, activeStep) {
-  return typeof activeStep !== 'number' ? false : currentIndex <= activeStep;
-};
-
-export default activeDot;

package/esm/Stepper/index.js

@@ -1,3 +0,0 @@
-import { Stepper, Step } from './web';
-Stepper.Step = Step;
-export default Stepper;

package/esm/Stepper/index.native.js

@@ -1,3 +0,0 @@
-import { Stepper, Step } from './native';
-Stepper.Step = Step;
-export default Stepper;

package/esm/Stepper/native/Dots.js

@@ -1,54 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import { arrayOf, bool, number, string } from 'prop-types';
-import React from 'react';
-import styled, { css } from 'styled-components';
-import Text from '../../Text';
-import activeDot from '../activeDot';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  justify-content: space-between;\n"])));
-var DotWrapper = styled.View(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: 15px;\n"])));
-var Dot = styled.View(function (_ref) {
-  var active = _ref.active,
-      secondary = _ref.secondary,
-      stepper = _ref.theme.yoga.components.stepper;
-  var state = secondary ? 'secondary' : 'active';
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      width: 15px;\n      height: 15px;\n      margin-top: -6px;\n\n      border-radius: ", "px;\n      background-color: ", ";\n    "])), stepper.dot.radius, active ? stepper.dot.backgroundColor[state] : stepper.dot.backgroundColor.inactive);
-});
-var Label = styled(Text.Bold)(function (_ref2) {
-  var active = _ref2.active,
-      secondary = _ref2.secondary,
-      stepper = _ref2.theme.yoga.components.stepper;
-  var state = secondary ? 'secondary' : 'active';
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      width: 95px;\n      margin-top: 10px;\n      margin-left: -40px;\n      color: ", ";\n      font-size: ", "px;\n      text-align: center;\n    "])), active ? stepper.label.color[state] : stepper.label.color.inactive, stepper.label.font.size);
-});
-
-function Dots(_ref3) {
-  var activeStep = _ref3.activeStep,
-      labels = _ref3.labels,
-      secondary = _ref3.secondary;
-  return /*#__PURE__*/React.createElement(Wrapper, null, labels.map(function (label, index) {
-    return /*#__PURE__*/React.createElement(DotWrapper, {
-      key: label
-    }, /*#__PURE__*/React.createElement(Dot, {
-      active: activeDot(index, activeStep),
-      secondary: secondary
-    }), /*#__PURE__*/React.createElement(Label, {
-      active: activeDot(index, activeStep),
-      secondary: secondary
-    }, label));
-  }));
-}
-
-Dots.propTypes = {
-  activeStep: number,
-  labels: arrayOf(string),
-  secondary: bool
-};
-Dots.defaultProps = {
-  activeStep: 0,
-  labels: [],
-  secondary: false
-};
-export default Dots;

package/esm/Stepper/native/Line.js

@@ -1,40 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { bool, number } from 'prop-types';
-import styled from 'styled-components';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-var InactiveLine = styled.View(function (_ref) {
-  var stepper = _ref.theme.yoga.components.stepper;
-  return "\n  width: 100%;\n  height: 4px;\n\n  position: absolute;\n  top: 0;\n\n  background-color: " + stepper.line.backgroundColor.inactive + ";\n";
-});
-var ActiveLine = styled.View(function (_ref2) {
-  var width = _ref2.width,
-      secondary = _ref2.secondary,
-      stepper = _ref2.theme.yoga.components.stepper;
-  return "\n    position: absolute;\n    top: 0;\n\n    background-color: " + (secondary ? stepper.line.backgroundColor.secondary : stepper.line.backgroundColor.active) + ";\n    width: " + width + "%;\n    height: 4px;\n";
-});
-
-function Line(_ref3) {
-  var activeStep = _ref3.activeStep,
-      totalSteps = _ref3.totalSteps,
-      secondary = _ref3.secondary;
-  return /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(InactiveLine, null), /*#__PURE__*/React.createElement(ActiveLine, {
-    width: activeStep <= 0 ? 0 : activeStep / totalSteps * 100,
-    secondary: secondary
-  }));
-}
-
-Line.propTypes = {
-  activeStep: number,
-  totalSteps: number,
-  secondary: bool
-};
-Line.defaultProps = {
-  activeStep: 0,
-  totalSteps: 0,
-  secondary: false
-};
-export default Line;

package/esm/Stepper/native/Step.js

@@ -1,19 +0,0 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React from 'react';
-import { string } from 'prop-types';
-import styled from 'styled-components';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-
-var Step = function Step(props) {
-  return /*#__PURE__*/React.createElement(Wrapper, props);
-};
-
-Step.displayName = 'Stepper.Step';
-Step.propTypes = {
-  /** Label to be displayed below the stepper dot. */
-  label: string.isRequired
-};
-export default Step;

package/esm/Stepper/native/Stepper.js

@@ -1,60 +0,0 @@
-var _excluded = ["children", "activeStep", "secondary"];
-
-var _templateObject;
-
-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 from 'react';
-import styled from 'styled-components';
-import { bool } from 'prop-types';
-import { limitChildren, typeOf } from '../../shared';
-import Line from './Line';
-import Dots from './Dots';
-import Step from './Step';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-var LineWrapper = styled.View(function (_ref) {
-  var stepper = _ref.theme.yoga.components.stepper;
-  return "\n  width: 100%;\n  padding: 0 " + stepper.padding.right + "px 0 " + stepper.padding.left + "px;\n";
-});
-/** Stepper is responsible for the logic that drives a stepped workflow, it
-provides a wizard-like workflow by dividing content into logical steps. */
-
-function Stepper(_ref2) {
-  var children = _ref2.children,
-      activeStep = _ref2.activeStep,
-      secondary = _ref2.secondary,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, rest, /*#__PURE__*/React.createElement(LineWrapper, null, /*#__PURE__*/React.createElement(Line, {
-    activeStep: activeStep,
-    totalSteps: React.Children.count(children) - 1,
-    secondary: secondary
-  }), /*#__PURE__*/React.createElement(Dots, {
-    activeStep: activeStep,
-    labels: React.Children.map(children, function (child) {
-      return child.props.label;
-    }),
-    secondary: secondary
-  })), React.Children.toArray(children)[activeStep]);
-}
-
-Stepper.displayName = 'Stepper';
-Stepper.propTypes = {
-  /** Must be a Stepper.Step component. */
-  children: typeOf(Step),
-
-  /** Controls the active step, it receive the index value for showing some
-   * step. Starting from 0. */
-  activeStep: limitChildren,
-
-  /** Use secondary color */
-  secondary: bool
-};
-Stepper.defaultProps = {
-  children: undefined,
-  activeStep: 0,
-  secondary: false
-};
-export default Stepper;

package/esm/Stepper/native/Stepper.test.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import { render } from '@testing-library/react-native';
-import ThemeProvider from '../../Theme';
-import Stepper from '..';
-describe('<Stepper />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot with first step active', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 0
-      }, /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step one"
-      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step two"
-      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step three"
-      }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          toJSON = _render.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot with first step active and secondary color', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 0,
-        secondary: true
-      }, /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step one"
-      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step two"
-      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step three"
-      }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          toJSON = _render2.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-    it('should match snapshot with second step active', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 1
-      }, /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step one"
-      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step two"
-      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step three"
-      }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          toJSON = _render3.toJSON;
-
-      expect(toJSON()).toMatchSnapshot();
-    });
-  });
-  describe('Steps', function () {
-    it('should change the active step', function () {
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 0
-      }, /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step one"
-      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step two"
-      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step three"
-      }, /*#__PURE__*/React.createElement(Text, null, "step three content"))))),
-          queryByText = _render4.queryByText,
-          rerender = _render4.rerender;
-
-      expect(queryByText('step one content')).toBeTruthy();
-      expect(queryByText('step two content')).toBeFalsy();
-      expect(queryByText('step three content')).toBeFalsy();
-      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Stepper, {
-        activeStep: 1
-      }, /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step one"
-      }, /*#__PURE__*/React.createElement(Text, null, "step one content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step two"
-      }, /*#__PURE__*/React.createElement(Text, null, "step two content")), /*#__PURE__*/React.createElement(Stepper.Step, {
-        label: "step three"
-      }, /*#__PURE__*/React.createElement(Text, null, "step three content")))));
-      expect(queryByText('step one content')).toBeFalsy();
-      expect(queryByText('step two content')).toBeTruthy();
-      expect(queryByText('step three content')).toBeFalsy();
-    });
-  });
-});

package/esm/Stepper/native/index.js

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

package/esm/Tag/Tag.theme.js

@@ -1,43 +0,0 @@
-var Tag = function Tag(_ref) {
-  var spacing = _ref.spacing,
-      fontSizes = _ref.fontSizes,
-      fontWeights = _ref.fontWeights,
-      radii = _ref.radii,
-      borders = _ref.borders;
-  return {
-    icon: {
-      size: {
-        "default": spacing.small,
-        small: spacing.xsmall
-      },
-      margin: {
-        right: 'xxxsmall'
-      }
-    },
-    font: {
-      size: fontSizes.xsmall,
-      lineHeight: fontSizes.medium,
-      weight: fontWeights.medium
-    },
-    padding: {
-      "default": {
-        top: spacing.xxxsmall,
-        right: spacing.xxsmall,
-        bottom: spacing.xxxsmall,
-        left: spacing.xxsmall
-      },
-      small: {
-        top: spacing.zero,
-        right: spacing.xxxsmall,
-        bottom: spacing.zero,
-        left: spacing.xxxsmall
-      }
-    },
-    border: {
-      width: borders.small,
-      radius: radii.xsmall
-    }
-  };
-};
-
-export default Tag;

package/esm/Tag/index.js

@@ -1,4 +0,0 @@
-import Tag from './web/Tag';
-import TagInformative from './web/Informative';
-Tag.Informative = TagInformative;
-export default Tag;

package/esm/Tag/index.native.js

@@ -1,4 +0,0 @@
-import Tag from './native/Tag';
-import TagInformative from './native/Informative';
-Tag.Informative = TagInformative;
-export default Tag;