@gympass/yoga 7.87.1 → 7.88.1

package/esm/Card/native/GymCard/CheckIn/CheckIn.js

@@ -1,66 +1,113 @@
-var _excluded = ["name", "address", "avatar", "distance", "rating", "theme"];
-
-var _templateObject, _templateObject2;
-
-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, { withTheme } from 'styled-components';
-import { ImagePropTypes } from 'deprecated-react-native-prop-types';
-import { string, number } from 'prop-types';
-import { Building } from '@gympass/yoga-icons';
-import Card from '../../Card';
-import Rating from '../../../../Rating';
-import Text from '../../../../Text';
-import Header from './Header';
-import { Avatar, Placeholder } from './Avatar';
-import Content from './Content';
-var Wrapper = styled(Card)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 160px;\n  min-height: 204px;\n"])));
-var Title = styled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  min-height: 40px;\n\n  ", "\n"])), function (_ref) {
-  var checkIn = _ref.theme.yoga.components.card.gym.checkIn;
-  return "\n    margin-bottom: " + checkIn.title.margin.bottom + "px;\n    font-weight: " + checkIn.title.font.weight + ";\n  ";
-});
-
-var CheckIn = function CheckIn(_ref2) {
-  var name = _ref2.name,
-      address = _ref2.address,
-      avatar = _ref2.avatar,
-      distance = _ref2.distance,
-      rating = _ref2.rating,
-      elements = _ref2.theme.yoga.colors.elements,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, rest, /*#__PURE__*/React.createElement(Header, null, avatar ? /*#__PURE__*/React.createElement(Avatar, {
-    source: avatar
-  }) : /*#__PURE__*/React.createElement(Placeholder, null, /*#__PURE__*/React.createElement(Building, {
-    width: 24,
-    height: 26,
-    fill: elements.selectionAndIcons
-  })), /*#__PURE__*/React.createElement(Text.Tiny, null, distance)), /*#__PURE__*/React.createElement(Rating, {
-    value: rating,
-    icon: {
-      size: 18
+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(Content, null, /*#__PURE__*/React.createElement(Title, {
-    numberOfLines: 2
-  }, name), /*#__PURE__*/React.createElement(Text.Tiny, {
-    numberOfLines: 2
-  }, address)));
+  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];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { withTheme } from "styled-components";
+import { ImagePropTypes } from "deprecated-react-native-prop-types";
+import { string, number } from "prop-types";
+import { Building } from "@gympass/yoga-icons";
+import Card from "../../Card";
+import Rating from "../../../../Rating";
+import Text from "../../../../Text";
+import Header from "./Header";
+import { Avatar, Placeholder } from "./Avatar";
+import Content from "./Content";
+const Wrapper = styled(Card)`
+  width: 160px;
+  min-height: 204px;
+`;
+const Title = styled(Text)`
+  min-height: 40px;
 
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    margin-bottom: ${checkIn.title.margin.bottom}px;
+    font-weight: ${checkIn.title.font.weight};
+  `}
+`;
+const CheckIn = (_a) => {
+  var _b = _a, {
+    name,
+    address,
+    avatar,
+    distance,
+    rating,
+    theme: {
+      yoga: {
+        colors: { elements }
+      }
+    }
+  } = _b, rest = __objRest(_b, [
+    "name",
+    "address",
+    "avatar",
+    "distance",
+    "rating",
+    "theme"
+  ]);
+  return /* @__PURE__ */ jsxs(Wrapper, __spreadProps(__spreadValues({}, rest), { children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      avatar ? /* @__PURE__ */ jsx(Avatar, { source: avatar }) : /* @__PURE__ */ jsx(Placeholder, { children: /* @__PURE__ */ jsx(Building, { width: 24, height: 26, fill: elements.selectionAndIcons }) }),
+      /* @__PURE__ */ jsx(Text.Tiny, { children: distance })
+    ] }),
+    /* @__PURE__ */ jsx(Rating, { value: rating, icon: { size: 18 } }),
+    /* @__PURE__ */ jsxs(Content, { children: [
+      /* @__PURE__ */ jsx(Title, { numberOfLines: 2, children: name }),
+      /* @__PURE__ */ jsx(Text.Tiny, { numberOfLines: 2, children: address })
+    ] })
+  ] }));
+};
 CheckIn.propTypes = {
   name: string.isRequired,
   address: string.isRequired,
-
   /** The same as in source prop of Image react-native component */
   avatar: ImagePropTypes.source,
   distance: string.isRequired,
   rating: number.isRequired
 };
 CheckIn.defaultProps = {
-  avatar: undefined
+  avatar: void 0
+};
+CheckIn.displayName = "GymCard.CheckIn";
+var CheckIn_default = withTheme(CheckIn);
+export {
+  CheckIn_default as default
 };
-CheckIn.displayName = 'GymCard.CheckIn';
-export default withTheme(CheckIn);

package/esm/Card/native/GymCard/CheckIn/CheckIn.test.js

@@ -1,39 +1,46 @@
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import ThemeProvider from '../../../../Theme';
-import GymCard from '..';
-describe('<GymCard.CheckIn />', function () {
-  describe('Snapshots', function () {
-    var data = {
-      name: 'Foo',
-      distance: '100 m',
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react-native";
+import ThemeProvider from "../../../../Theme";
+import GymCard from "..";
+describe("<GymCard.CheckIn />", () => {
+  describe("Snapshots", () => {
+    const data = {
+      name: "Foo",
+      distance: "100 m",
       rating: 5,
-      address: 'Bar'
+      address: "Bar"
     };
-    it('should match snapshot without avatar', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(GymCard.CheckIn, {
-        name: data.name,
-        distance: data.distance,
-        rating: data.rating,
-        address: data.address
-      }))),
-          toJSON = _render.toJSON;
-
+    it("should match snapshot without avatar", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          GymCard.CheckIn,
+          {
+            name: data.name,
+            distance: data.distance,
+            rating: data.rating,
+            address: data.address
+          }
+        ) })
+      );
       expect(toJSON()).toMatchSnapshot();
     });
-    it('should match snapshot with avatar', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(GymCard.CheckIn, {
-        avatar: {
-          uri: 'data:image/png;base64,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'
-        },
-        name: data.name,
-        distance: data.distance,
-        rating: data.rating,
-        address: data.address
-      }))),
-          toJSON = _render2.toJSON;
-
+    it("should match snapshot with avatar", () => {
+      const { toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(
+          GymCard.CheckIn,
+          {
+            avatar: {
+              uri: "data:image/png;base64,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"
+            },
+            name: data.name,
+            distance: data.distance,
+            rating: data.rating,
+            address: data.address
+          }
+        ) })
+      );
       expect(toJSON()).toMatchSnapshot();
     });
   });
-});
+});

package/esm/Card/native/GymCard/CheckIn/Content.js

@@ -1,11 +1,21 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Card from '../../Card';
-var Content = styled(Card.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var checkIn = _ref.theme.yoga.components.card.gym.checkIn;
-  return "\n    margin-top: " + checkIn.content.margin.top + "px;\n  ";
-});
-export default Content;
+import styled from "styled-components";
+import Card from "../../Card";
+const Content = styled(Card.Content)`
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    margin-top: ${checkIn.content.margin.top}px;
+  `}
+`;
+var Content_default = Content;
+export {
+  Content_default as default
+};

package/esm/Card/native/GymCard/CheckIn/Header.js

@@ -1,11 +1,24 @@
-var _templateObject;
+import styled from "styled-components";
+import Card from "../../Card";
+const Header = styled(Card.Header)`
+  flex-direction: row;
+  justify-content: space-between;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Card from '../../Card';
-var Header = styled(Card.Header)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n  justify-content: space-between;\n\n  ", "\n"])), function (_ref) {
-  var checkIn = _ref.theme.yoga.components.card.gym.checkIn;
-  return "\n    margin-bottom: " + checkIn.header.margin.bottom + "px;\n  ";
-});
-export default Header;
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        card: {
+          gym: { checkIn }
+        }
+      }
+    }
+  }
+}) => `
+    margin-bottom: ${checkIn.header.margin.bottom}px;
+  `}
+`;
+var Header_default = Header;
+export {
+  Header_default as default
+};

package/esm/Card/native/GymCard/CheckIn/index.js

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

package/esm/Card/native/GymCard/index.js

@@ -1,5 +1,8 @@
-import CheckIn from './CheckIn';
-var GymCard = {
-  CheckIn: CheckIn
+import CheckIn from "./CheckIn";
+const GymCard = {
+  CheckIn
+};
+var GymCard_default = GymCard;
+export {
+  GymCard_default as default
 };
-export default GymCard;

package/esm/Card/native/PlanCard/Actions.js

@@ -1,22 +1,27 @@
-var _templateObject, _templateObject2, _templateObject3;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import styled from 'styled-components';
-import Actions from '../Card/Actions';
-import Button from '../../../Button';
-import theme from '../../../Theme/helpers/themeReader';
-var _theme$components = theme.components,
-    cardnative = _theme$components.cardnative,
-    card = _theme$components.card;
-var PlanCardButton = styled(Button).attrs({
+import styled from "styled-components";
+import Actions from "../Card/Actions";
+import Button from "../../../Button";
+import theme from "../../../Theme/helpers/themeReader";
+const {
+  components: { cardnative, card }
+} = theme;
+const PlanCardButton = styled(Button).attrs({
   full: true
-})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
-var PlanCardButtonText = styled(Button.Text).attrs({
+})``;
+const PlanCardButtonText = styled(Button.Text).attrs({
   full: true
-})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), cardnative.plan.actions.buttonText.margin.top, card.plan.actions.buttonText.margin.bottom);
-var PlanCardActions = styled(Actions)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  margin-top: ", "px;\n"])), cardnative.plan.actions.margin.top);
-PlanCardActions.displayName = 'PlanCard.Actions';
-PlanCardButton.displayName = 'PlanCard.Button';
-PlanCardButtonText.displayName = 'PlanCard.ButtonText';
-export { PlanCardActions as Actions, PlanCardButton as Button, PlanCardButtonText as ButtonText };
+})`
+  margin-top: ${cardnative.plan.actions.buttonText.margin.top}px;
+  margin-bottom: ${card.plan.actions.buttonText.margin.bottom}px;
+`;
+const PlanCardActions = styled(Actions)`
+  margin-top: ${cardnative.plan.actions.margin.top}px;
+`;
+PlanCardActions.displayName = "PlanCard.Actions";
+PlanCardButton.displayName = "PlanCard.Button";
+PlanCardButtonText.displayName = "PlanCard.ButtonText";
+export {
+  PlanCardActions as Actions,
+  PlanCardButton as Button,
+  PlanCardButtonText as ButtonText
+};

package/esm/Card/native/PlanCard/Content.js

@@ -1,63 +1,119 @@
-var _excluded = ["title", "subtitle", "description", "currency", "suffix", "price", "period", "children"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-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, { css } from 'styled-components';
-import { string, node } from 'prop-types';
-import Content from '../Card/Content';
-import Text from '../../../Text';
-import theme from '../../../Theme/helpers/themeReader';
-import Subtitle from './Subtitle';
-import Divider from '../../../Divider';
-var Title = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (props) {
-  var _theme = theme(props),
-      _theme$components = _theme.components,
-      cardnative = _theme$components.cardnative,
-      card = _theme$components.card;
-
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      margin-bottom: ", "px;\n      line-height: ", "px;\n    "])), card.plan.title.color, cardnative.plan.title.margin.bottom, cardnative.plan.title.lineHeight);
-});
-var Description = styled(Text.Small)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  height: 40px;\n\n  color: ", ";\n"])), theme.components.card.plan.description.color);
-var Price = styled.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  flex-direction: row;\n\n  ", "\n"])), function (props) {
-  var _theme2 = theme(props),
-      plan = _theme2.components.cardnative.plan;
-
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", "px;\n    "])), plan.price.margin.bottom);
-});
-var EnhancePrice = styled.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  align-self: center;\n"])));
+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]);
+    }
+  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];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import styled, { css } from "styled-components";
+import { string, node } from "prop-types";
+import Content from "../Card/Content";
+import Text from "../../../Text";
+import theme from "../../../Theme/helpers/themeReader";
+import Subtitle from "./Subtitle";
+import Divider from "../../../Divider";
+const Title = styled(Text.Medium)`
+  ${(props) => {
+  const {
+    components: { cardnative, card }
+  } = theme(props);
+  return css`
+      color: ${card.plan.title.color};
+      margin-bottom: ${cardnative.plan.title.margin.bottom}px;
+      line-height: ${cardnative.plan.title.lineHeight}px;
+    `;
+}}
+`;
+const Description = styled(Text.Small)`
+  height: 40px;
 
-var PlanCardContent = function PlanCardContent(_ref) {
-  var title = _ref.title,
-      subtitle = _ref.subtitle,
-      description = _ref.description,
-      currency = _ref.currency,
-      suffix = _ref.suffix,
-      price = _ref.price,
-      period = _ref.period,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  color: ${theme.components.card.plan.description.color};
+`;
+const Price = styled.View`
+  flex-direction: row;
 
-  return /*#__PURE__*/React.createElement(Content, rest, subtitle && /*#__PURE__*/React.createElement(Subtitle, null, subtitle), title && /*#__PURE__*/React.createElement(Title, null, title), description && /*#__PURE__*/React.createElement(Description, {
-    numberOfLines: 2
-  }, description), /*#__PURE__*/React.createElement(Price, null, currency && /*#__PURE__*/React.createElement(Text.H4, null, currency), price && /*#__PURE__*/React.createElement(Text.H4, null, price), suffix && /*#__PURE__*/React.createElement(Text.H4, null, suffix), period && /*#__PURE__*/React.createElement(EnhancePrice, null, /*#__PURE__*/React.createElement(Text.Medium, null, "" + period))), /*#__PURE__*/React.createElement(Divider, null), children);
+  ${(props) => {
+  const {
+    components: {
+      cardnative: { plan }
+    }
+  } = theme(props);
+  return css`
+      margin-bottom: ${plan.price.margin.bottom}px;
+    `;
+}}
+`;
+const EnhancePrice = styled.View`
+  align-self: center;
+`;
+const PlanCardContent = (_a) => {
+  var _b = _a, {
+    title,
+    subtitle,
+    description,
+    currency,
+    suffix,
+    price,
+    period,
+    children
+  } = _b, rest = __objRest(_b, [
+    "title",
+    "subtitle",
+    "description",
+    "currency",
+    "suffix",
+    "price",
+    "period",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(Content, __spreadProps(__spreadValues({}, rest), { children: [
+    subtitle && /* @__PURE__ */ jsx(Subtitle, { children: subtitle }),
+    title && /* @__PURE__ */ jsx(Title, { children: title }),
+    description && /* @__PURE__ */ jsx(Description, { numberOfLines: 2, children: description }),
+    /* @__PURE__ */ jsxs(Price, { children: [
+      currency && /* @__PURE__ */ jsx(Text.H4, { children: currency }),
+      price && /* @__PURE__ */ jsx(Text.H4, { children: price }),
+      suffix && /* @__PURE__ */ jsx(Text.H4, { children: suffix }),
+      period && /* @__PURE__ */ jsx(EnhancePrice, { children: /* @__PURE__ */ jsx(Text.Medium, { children: `${period}` }) })
+    ] }),
+    /* @__PURE__ */ jsx(Divider, {}),
+    children
+  ] }));
 };
-
 PlanCardContent.propTypes = {
   /** plan name */
   title: string.isRequired,
-
   /** currency of the current country */
   currency: string,
-
   /** suffix currency of the current country */
   suffix: string,
   price: string.isRequired,
-
   /** period that this price will be charged  */
   period: string.isRequired,
   description: string,
@@ -71,5 +127,8 @@ PlanCardContent.defaultProps = {
   currency: null,
   suffix: null
 };
-PlanCardContent.displayName = 'PlanCard.Content';
-export default PlanCardContent;
+PlanCardContent.displayName = "PlanCard.Content";
+var Content_default = PlanCardContent;
+export {
+  Content_default as default
+};