@gympass/yoga 7.87.1 → 7.88.1

package/esm/Input/web/index.js

@@ -1,7 +1,14 @@
-import Input from './Input';
-import Password from './Password';
-import Phone from './Phone';
-import InputNumber from './Number';
-import Tel from './Tel';
-import Email from './Email';
-export { Input, Password, InputNumber, Tel, Email, Phone };
+import Input from "./Input";
+import Password from "./Password";
+import Phone from "./Phone";
+import InputNumber from "./Number";
+import Tel from "./Tel";
+import Email from "./Email";
+export {
+  Email,
+  Input,
+  InputNumber,
+  Password,
+  Phone,
+  Tel
+};

package/esm/List/List.theme.js

@@ -1,32 +1,29 @@
-var List = function List(_ref) {
-  var spacing = _ref.spacing,
-      borders = _ref.borders,
-      colors = _ref.colors;
-  return {
-    listItem: {
+const List = ({ spacing, borders, colors }) => ({
+  listItem: {
+    padding: {
+      top: spacing.medium,
+      right: spacing.large,
+      bottom: spacing.medium,
+      left: spacing.large
+    },
+    small: {
       padding: {
-        top: spacing.medium,
-        right: spacing.large,
-        bottom: spacing.medium,
-        left: spacing.large
-      },
-      small: {
-        padding: {
-          top: spacing.xxsmall,
-          right: spacing.medium,
-          bottom: spacing.xxsmall,
-          left: spacing.medium
-        }
-      },
-      selectable: {
-        color: colors.clear
+        top: spacing.xxsmall,
+        right: spacing.medium,
+        bottom: spacing.xxsmall,
+        left: spacing.medium
       }
     },
-    border: {
-      width: borders.small,
-      color: colors.elements.backgroundAndDisabled
+    selectable: {
+      color: colors.clear
     }
-  };
+  },
+  border: {
+    width: borders.small,
+    color: colors.elements.backgroundAndDisabled
+  }
+});
+var List_theme_default = List;
+export {
+  List_theme_default as default
 };
-
-export default List;

package/esm/List/index.js

@@ -1,4 +1,7 @@
-import { List, ListItem, LinkItem } from './web';
+import { List, ListItem, LinkItem } from "./web";
 List.Item = ListItem;
 List.LinkItem = LinkItem;
-export default List;
+var List_default = List;
+export {
+  List_default as default
+};

package/esm/List/index.native.js

@@ -1,3 +1,6 @@
-import { List, ListItem } from './native';
+import { List, ListItem } from "./native";
 List.Item = ListItem;
-export default List;
+var index_native_default = List;
+export {
+  index_native_default as default
+};

package/esm/List/native/List.js

@@ -1,22 +1,43 @@
-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));
+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 React from "react";
+import styled from "styled-components";
+const StyledFlatList = styled.FlatList`
+  width: 100%;
+`;
+const List = React.forwardRef((_a, ref) => {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(StyledFlatList, __spreadValues({ ref }, rest));
 });
-List.displayName = 'List';
-export default List;
+List.displayName = "List";
+var List_default = List;
+export {
+  List_default as default
+};

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

@@ -1,106 +1,88 @@
-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;
-
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render, fireEvent } from "@testing-library/react-native";
+import { Text } from "react-native";
+import ThemeProvider from "../../Theme";
+import List from "..";
+const data = [
+  { key: "Devin" },
+  { key: "Dan" },
+  { key: "Dominic" },
+  { key: "Jackson" },
+  { key: "James" },
+  { key: "Joel" },
+  { key: "John" },
+  { key: "Jillian" },
+  { key: "Jimmy" },
+  { key: "Julie" }
+];
+describe("<List />", () => {
+  describe("Snapshots", () => {
+    describe("Without props", () => {
+      it("should match snapshot with a default list", () => {
+        const { toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            List,
+            {
+              data,
+              renderItem: ({ item }) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(Text, { children: item.key }) })
+            }
+          ) })
+        );
         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;
-
+      it("should match snapshot with a small list", () => {
+        const { toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            List,
+            {
+              data,
+              renderItem: ({ item }) => /* @__PURE__ */ jsx(List.Item, { small: true, children: /* @__PURE__ */ jsx(Text, { children: item.key }) })
+            }
+          ) })
+        );
         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;
-
+      it("should match snapshot with a list without divisors", () => {
+        const { toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            List,
+            {
+              data,
+              renderItem: ({ item }) => /* @__PURE__ */ jsx(List.Item, { divided: false, children: /* @__PURE__ */ jsx(Text, { children: item.key }) })
+            }
+          ) })
+        );
         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;
-
+      it("should match snapshot with a horizontal list", () => {
+        const { toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            List,
+            {
+              horizontal: true,
+              data,
+              renderItem: ({ item }) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(Text, { children: item.key }) })
+            }
+          ) })
+        );
         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);
+      it("should call onPress when selectable item is pressed", () => {
+        const a = { key: "Devin", onPress: jest.fn() };
+        const { getByText } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+            List,
+            {
+              data: [a],
+              renderItem: ({ item }) => /* @__PURE__ */ jsx(List.Item, { onPress: item.onPress, children: /* @__PURE__ */ jsx(Text, { children: item.key }) })
+            }
+          ) })
+        );
+        const selectableItem = getByText(a.key);
         fireEvent.press(selectableItem);
         expect(a.onPress).toHaveBeenCalled();
       });
     });
   });
-});
+});

package/esm/List/native/ListItem.js

@@ -1,42 +1,97 @@
-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));
+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 React from "react";
+import { TouchableHighlight } from "react-native";
+import PropTypes from "prop-types";
+import styled, { withTheme } from "styled-components";
+const StyledView = styled.View(
+  ({
+    divided,
+    small,
+    theme: {
+      yoga: {
+        components: { list }
+      }
+    }
+  }) => `
+  ${divided ? `
+          border-bottom-width: ${list.border.width}px;
+          border-bottom-color: ${list.border.color};
+        ` : ""}
 
+  ${small ? `
+          padding:
+            ${list.listItem.small.padding.top}px
+            ${list.listItem.small.padding.right}px
+            ${list.listItem.small.padding.bottom}px
+            ${list.listItem.small.padding.left}px;
+        ` : `
+          padding:
+            ${list.listItem.padding.top}px
+            ${list.listItem.padding.right}px
+            ${list.listItem.padding.bottom}px
+            ${list.listItem.padding.left}px;
+        `}
+  `
+);
+const ListItem = (_a) => {
+  var _b = _a, {
+    theme: {
+      yoga: {
+        components: {
+          list: { listItem }
+        }
+      }
+    },
+    small,
+    divided,
+    onPress
+  } = _b, rest = __objRest(_b, [
+    "theme",
+    "small",
+    "divided",
+    "onPress"
+  ]);
+  const Component = /* @__PURE__ */ jsx(StyledView, __spreadValues({ small, divided }, rest));
   if (onPress) {
-    return /*#__PURE__*/React.createElement(TouchableHighlight, {
-      onPress: onPress,
-      underlayColor: listItem.selectable.color
-    }, Component);
+    return /* @__PURE__ */ jsx(
+      TouchableHighlight,
+      {
+        onPress,
+        underlayColor: listItem.selectable.color,
+        children: Component
+      }
+    );
   }
-
   return Component;
 };
-
 ListItem.propTypes = {
   small: PropTypes.bool,
   divided: PropTypes.bool,
@@ -45,7 +100,10 @@ ListItem.propTypes = {
 ListItem.defaultProps = {
   small: false,
   divided: true,
-  onPress: undefined
+  onPress: void 0
+};
+ListItem.displayName = "List.Item";
+var ListItem_default = withTheme(ListItem);
+export {
+  ListItem_default as default
 };
-ListItem.displayName = 'List.Item';
-export default withTheme(ListItem);

package/esm/List/native/index.js

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

package/esm/List/web/LinkItem.js

@@ -1,21 +1,64 @@
-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); }
+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 React from "react";
+import styled from "styled-components";
+const StyledLinkItem = styled.a`
+  display: inline-block;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  width: 100%;
+  height: 100%;
 
-import React from 'react';
-import styled from 'styled-components';
-var StyledLinkItem = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n\n  text-decoration: none;\n\n  ", "\n"])), function (_ref) {
-  var list = _ref.theme.yoga.components.list;
-  return "\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  ";
-});
+  box-sizing: border-box;
 
-var Linkitem = function Linkitem(_ref2) {
-  var rest = _extends({}, _ref2);
+  text-decoration: none;
 
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(StyledLinkItem, rest));
+  ${({
+  theme: {
+    yoga: {
+      components: { list }
+    }
+  }
+}) => `
+    padding:
+      ${list.listItem.padding.top}px
+      ${list.listItem.padding.right}px
+      ${list.listItem.padding.bottom}px
+      ${list.listItem.padding.left}px;
+  `}
+`;
+const Linkitem = (_a) => {
+  var rest = __objRest(_a, []);
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(StyledLinkItem, __spreadValues({}, rest)) });
+};
+Linkitem.displayName = "List.LinkItem";
+var LinkItem_default = Linkitem;
+export {
+  LinkItem_default as default
 };
-
-Linkitem.displayName = 'List.LinkItem';
-export default Linkitem;