@gympass/yoga 7.60.0 → 7.61.0

package/esm/Input/native/Tel.js

@@ -1,14 +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 from 'react';
-import Input from './Input';
-var Tel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Input, _extends({
-    ref: ref
-  }, props, {
-    keyboardType: "phone-pad",
-    autoCompleteType: "tel",
-    textContentType: "telephoneNumber"
-  }));
-});
-export default Tel;

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

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

package/esm/Input/native/index.js

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-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/web/Input.test.js

@@ -1,145 +0,0 @@
-import React from 'react';
-import { render, fireEvent, screen } from '@testing-library/react';
-import { ThemeProvider, Input } from '../..';
-describe('<Input />', function () {
-  describe('Snapshots', function () {
-    it('should match with default input', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, null))),
-          container = _render.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with label', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input"
-      }))),
-          container = _render2.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with disabled input', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        disabled: true
-      }))),
-          container = _render3.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with error', function () {
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        error: "Error message"
-      }))),
-          container = _render4.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with helper text and max length', function () {
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        helper: "Helper text",
-        maxLength: 20
-      }))),
-          container = _render5.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with helper text, max length and hideMaxLength', function () {
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        helper: "Helper text",
-        maxLength: 20,
-        hideMaxLength: true
-      }))),
-          container = _render6.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with full width', function () {
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Label",
-        full: true
-      }))),
-          container = _render7.container;
-
-      expect(container).toMatchSnapshot();
-    });
-  });
-  describe('Events', function () {
-    it('should call onChange', function () {
-      var onChangeMock = jest.fn();
-      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        onChange: onChangeMock,
-        "data-testid": "input"
-      })));
-      fireEvent.change(screen.getByTestId('input'), {
-        target: {
-          value: 'foo'
-        }
-      });
-      expect(onChangeMock).toHaveBeenCalled();
-    });
-    it('should call onFocus', function () {
-      var onFocusMock = jest.fn();
-      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        "data-testid": "input",
-        onFocus: onFocusMock
-      })));
-      fireEvent.focus(screen.getByTestId('input'));
-      expect(onFocusMock).toHaveBeenCalled();
-    });
-    it('should call onBlur', function () {
-      var onBlurMock = jest.fn();
-      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        "data-testid": "input",
-        onBlur: onBlurMock
-      })));
-      fireEvent.focus(screen.getByTestId('input'));
-      fireEvent.blur(screen.getByTestId('input'));
-      expect(onBlurMock).toHaveBeenCalled();
-    });
-  });
-  describe('maxLength', function () {
-    it('should update maxLength counter when add character', function () {
-      var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        maxLength: 10
-      }))),
-          rerender = _render8.rerender;
-
-      expect(screen.getByText('0/10').textContent).toBe('0/10');
-      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        value: "foo",
-        maxLength: 10
-      })));
-      expect(screen.getByText('3/10').textContent).toBe('3/10');
-    });
-  });
-  describe('clean button', function () {
-    it('should call onClean when press clean button', function () {
-      var onClean = jest.fn();
-      render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        value: "foo",
-        onClean: onClean
-      })));
-      fireEvent.click(screen.queryByRole('button'));
-      expect(onClean).toHaveBeenCalled();
-    });
-    it('should test if clean button is present', function () {
-      var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input"
-      }))),
-          rerender = _render9.rerender; // closeButton
-
-
-      expect(screen.queryByRole('button')).toBeNull();
-      rerender( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input, {
-        label: "Input",
-        value: "foo"
-      })));
-      expect(screen.queryByRole('button')).not.toBeNull();
-    });
-  });
-});

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

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

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

@@ -1,90 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import { ThemeProvider, Input } from '../..';
-describe('<Input.Password />', function () {
-  describe('Snapshots', function () {
-    it('should match with default input', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, null))),
-          container = _render.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with disabled input', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
-        disabled: true
-      }))),
-          container = _render2.container;
-
-      expect(container).toMatchSnapshot();
-    });
-    it('should match with full width', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
-        label: "Input",
-        "data-testid": "input",
-        onChange: onChangeMock
-      }))),
-          getByTestId = _render4.getByTestId;
-
-      fireEvent.change(getByTestId('input'), {
-        target: {
-          value: 'foo'
-        }
-      });
-      expect(onChangeMock).toHaveBeenCalled();
-    });
-    it('should call onFocus', function () {
-      var onFocusMock = jest.fn();
-
-      var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
-        label: "Input",
-        "data-testid": "input",
-        onFocus: onFocusMock
-      }))),
-          getByTestId = _render5.getByTestId;
-
-      fireEvent.focus(getByTestId('input'));
-      expect(onFocusMock).toHaveBeenCalled();
-    });
-    it('should call onBlur', function () {
-      var onBlurMock = jest.fn();
-
-      var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
-        label: "Input",
-        "data-testid": "input",
-        onBlur: onBlurMock
-      }))),
-          getByTestId = _render6.getByTestId;
-
-      fireEvent.focus(getByTestId('input'));
-      fireEvent.blur(getByTestId('input'));
-      expect(onBlurMock).toHaveBeenCalled();
-    });
-  });
-  describe('visibility button', function () {
-    it('should toggle password visibility when click visibility button', function () {
-      var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Input.Password, {
-        label: "Input",
-        "data-testid": "input"
-      }))),
-          getByRole = _render7.getByRole,
-          getByTestId = _render7.getByTestId;
-
-      expect(getByTestId('input').type).toBe('password');
-      fireEvent.click(getByRole('button'));
-      expect(getByTestId('input').type).toBe('text');
-    });
-  });
-});

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

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

package/esm/List/index.native.js

@@ -1,3 +0,0 @@
-import { List, ListItem } from './native';
-List.Item = ListItem;
-export default List;

package/esm/List/native/List.js

@@ -1,22 +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';
-var StyledFlatList = styled.FlatList(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
-/** Lists are a continuous group of text or images. They are composed of items
-containing primary and supplemental actions, which are represented by icons and
-text. */
-
-var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var rest = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(StyledFlatList, _extends({
-    ref: ref
-  }, rest));
-});
-List.displayName = 'List';
-export default List;

package/esm/List/native/List.test.js

@@ -1,106 +0,0 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { Text } from 'react-native';
-import ThemeProvider from '../../Theme';
-import List from '..';
-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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          data: data,
-          renderItem: function renderItem(_ref) {
-            var item = _ref.item;
-            return /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement(Text, null, item.key));
-          }
-        }))),
-            toJSON = _render.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with a small list', function () {
-        var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          data: data,
-          renderItem: function renderItem(_ref2) {
-            var item = _ref2.item;
-            return /*#__PURE__*/React.createElement(List.Item, {
-              small: true
-            }, /*#__PURE__*/React.createElement(Text, null, item.key));
-          }
-        }))),
-            toJSON = _render2.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with a list without divisors', function () {
-        var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          data: data,
-          renderItem: function renderItem(_ref3) {
-            var item = _ref3.item;
-            return /*#__PURE__*/React.createElement(List.Item, {
-              divided: false
-            }, /*#__PURE__*/React.createElement(Text, null, item.key));
-          }
-        }))),
-            toJSON = _render3.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should match snapshot with a horizontal list', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true,
-          data: data,
-          renderItem: function renderItem(_ref4) {
-            var item = _ref4.item;
-            return /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement(Text, null, item.key));
-          }
-        }))),
-            toJSON = _render4.toJSON;
-
-        expect(toJSON()).toMatchSnapshot();
-      });
-      it('should call onPress when selectable item is pressed', function () {
-        var a = {
-          key: 'Devin',
-          onPress: jest.fn()
-        };
-
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          data: [a],
-          renderItem: function renderItem(_ref5) {
-            var item = _ref5.item;
-            return /*#__PURE__*/React.createElement(List.Item, {
-              onPress: item.onPress
-            }, /*#__PURE__*/React.createElement(Text, null, item.key));
-          }
-        }))),
-            getByText = _render5.getByText;
-
-        var selectableItem = getByText(a.key);
-        fireEvent.press(selectableItem);
-        expect(a.onPress).toHaveBeenCalled();
-      });
-    });
-  });
-});

package/esm/List/native/ListItem.js

@@ -1,51 +0,0 @@
-var _excluded = ["theme", "small", "divided", "onPress"];
-
-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 React from 'react';
-import { TouchableHighlight } from 'react-native';
-import PropTypes from 'prop-types';
-import styled, { withTheme } from 'styled-components';
-var StyledView = styled.View(function (_ref) {
-  var divided = _ref.divided,
-      small = _ref.small,
-      list = _ref.theme.yoga.components.list;
-  return "\n  " + (divided ? "\n          border-bottom-width: " + list.border.width + "px;\n          border-bottom-color: " + list.border.color + ";\n        " : '') + "\n\n  " + (small ? "\n          padding:\n            " + list.listItem.small.padding.top + "px\n            " + list.listItem.small.padding.right + "px\n            " + list.listItem.small.padding.bottom + "px\n            " + list.listItem.small.padding.left + "px;\n        " : "\n          padding:\n            " + list.listItem.padding.top + "px\n            " + list.listItem.padding.right + "px\n            " + list.listItem.padding.bottom + "px\n            " + list.listItem.padding.left + "px;\n        ") + "\n  ";
-});
-
-var ListItem = function ListItem(_ref2) {
-  var listItem = _ref2.theme.yoga.components.list.listItem,
-      small = _ref2.small,
-      divided = _ref2.divided,
-      onPress = _ref2.onPress,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  var Component = /*#__PURE__*/React.createElement(StyledView, _extends({
-    small: small,
-    divided: divided
-  }, rest));
-
-  if (onPress) {
-    return /*#__PURE__*/React.createElement(TouchableHighlight, {
-      onPress: onPress,
-      underlayColor: listItem.selectable.color
-    }, Component);
-  }
-
-  return Component;
-};
-
-ListItem.propTypes = {
-  small: PropTypes.bool,
-  divided: PropTypes.bool,
-  onPress: PropTypes.func
-};
-ListItem.defaultProps = {
-  small: false,
-  divided: true,
-  onPress: undefined
-};
-ListItem.displayName = 'List.Item';
-export default withTheme(ListItem);

package/esm/List/native/index.js

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

package/esm/List/web/List.test.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider, List } from '../..';
-describe('<List />', function () {
-  describe('Snapshots', function () {
-    describe('Without props', function () {
-      it('should match snapshot with a default list', function () {
-        var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          divided: false
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render3.container;
-
-        expect(container).toMatchSnapshot();
-      });
-      it('should match snapshot with a horizontal list', function () {
-        var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, {
-          horizontal: true,
-          divided: false
-        }, /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.createElement("div", null, "List test")), /*#__PURE__*/React.createElement(List.Item, null, /*#__PURE__*/React.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 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(List.LinkItem, null, /*#__PURE__*/React.createElement("div", null, "List test"))))),
-            container = _render7.container;
-
-        expect(container).toMatchSnapshot();
-      });
-    });
-  });
-});