@gympass/yoga 7.87.1 → 7.88.1

package/cjs/Card/native/Card/Card.js

@@ -1 +1,209 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _excluded=["ribbon","children"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;var CardShadow=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref){var elevation=_ref.theme.yoga.components.card.elevation;return{elevation:elevation};})(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));var CardStyled=(0,_styledComponents["default"])(_Box["default"]).attrs(function(_ref2){var variant=_ref2.variant,_ref2$theme$yoga=_ref2.theme.yoga,color=_ref2$theme$yoga.colors[variant],card=_ref2$theme$yoga.components.card;return{elevation:card.elevation,pt:card.padding.top,pr:card.padding.right,pb:card.padding.bottom,pl:card.padding.left,bRadius:card.radii,bgColor:variant?color:card.backgroundColor,overflow:'hidden'};})(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])([""])));var Ribbon=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var variant=_ref3.variant,_ref3$theme$yoga=_ref3.theme.yoga,card=_ref3$theme$yoga.components.card,spacing=_ref3$theme$yoga.spacing,_ref3$theme$yoga$colo=_ref3$theme$yoga.colors,elements=_ref3$theme$yoga$colo.elements,color=_ref3$theme$yoga$colo[variant],white=_ref3$theme$yoga$colo.white,dark=_ref3$theme$yoga$colo.dark;return"\n    align-self: flex-start;\n\n    margin-bottom: "+card.padding.bottom+"px;\n    margin-left: -"+card.padding.left+"px;\n\n    padding:\n      "+spacing.xxxsmall+"px\n      "+spacing.xsmall+"px\n      "+spacing.xxxsmall+"px\n      "+spacing.small+"px;\n\n    border-top-right-radius: "+card.ribbon.radius+"px;\n    border-bottom-right-radius: "+card.ribbon.radius+"px;\n    background-color: "+(variant?color:elements.backgroundAndDisabled)+";\n\n    color: "+(variant?white:dark)+";\n  ";});var RibbonText=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref4){var variant=_ref4.variant,_ref4$theme$yoga$colo=_ref4.theme.yoga.colors,white=_ref4$theme$yoga$colo.white,dark=_ref4$theme$yoga$colo.dark;return"\n    color: "+(variant?white:dark)+";\n  ";});var Card=_react["default"].forwardRef(function(_ref5,ref){var ribbon=_ref5.ribbon,children=_ref5.children,rest=(0,_objectWithoutProperties2["default"])(_ref5,_excluded);return _react["default"].createElement(CardShadow,null,_react["default"].createElement(CardStyled,(0,_extends2["default"])({ref:ref},rest),Object.keys(ribbon).length>0&&_react["default"].createElement(Ribbon,{variant:ribbon.variant},_react["default"].createElement(RibbonText,{variant:ribbon.variant},ribbon.text)),children));});Card.propTypes={ribbon:(0,_propTypes.shape)({text:_propTypes.string,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])}),children:_propTypes.node,variant:(0,_propTypes.oneOf)(['','primary','secondary','vibin','hope','energy','relax','peace','verve','uplift','deepPurple','stamina','dark','medium','deep','light','clear','white'])};Card.defaultProps={ribbon:{},children:null,variant:''};Card.displayName='Card';var _default=Card;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Card_exports = {};
+__export(Card_exports, {
+  default: () => Card_default
+});
+module.exports = __toCommonJS(Card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_Text = __toESM(require("../../../Text"));
+var import_Box = __toESM(require("../../../Box"));
+const CardShadow = (0, import_styled_components.default)(import_Box.default).attrs(
+  ({
+    theme: {
+      yoga: {
+        components: {
+          card: { elevation }
+        }
+      }
+    }
+  }) => ({
+    elevation
+  })
+)``;
+const CardStyled = (0, import_styled_components.default)(import_Box.default).attrs(
+  ({
+    variant,
+    theme: {
+      yoga: {
+        colors: { [variant]: color },
+        components: { card }
+      }
+    }
+  }) => ({
+    elevation: card.elevation,
+    pt: card.padding.top,
+    pr: card.padding.right,
+    pb: card.padding.bottom,
+    pl: card.padding.left,
+    bRadius: card.radii,
+    bgColor: variant ? color : card.backgroundColor,
+    overflow: "hidden"
+  })
+)``;
+const Ribbon = import_styled_components.default.View`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      components: { card },
+      spacing,
+      colors: { elements, [variant]: color, white, dark }
+    }
+  }
+}) => `
+    align-self: flex-start;
+
+    margin-bottom: ${card.padding.bottom}px;
+    margin-left: -${card.padding.left}px;
+
+    padding:
+      ${spacing.xxxsmall}px
+      ${spacing.xsmall}px
+      ${spacing.xxxsmall}px
+      ${spacing.small}px;
+
+    border-top-right-radius: ${card.ribbon.radius}px;
+    border-bottom-right-radius: ${card.ribbon.radius}px;
+    background-color: ${variant ? color : elements.backgroundAndDisabled};
+
+    color: ${variant ? white : dark};
+  `}
+`;
+const RibbonText = (0, import_styled_components.default)(import_Text.default.Tiny)`
+  ${({
+  variant,
+  theme: {
+    yoga: {
+      colors: { white, dark }
+    }
+  }
+}) => `
+    color: ${variant ? white : dark};
+  `}
+`;
+const Card = import_react.default.forwardRef((_a, ref) => {
+  var _b = _a, { ribbon, children } = _b, rest = __objRest(_b, ["ribbon", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardShadow, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardStyled, __spreadProps(__spreadValues({ ref }, rest), { children: [
+    Object.keys(ribbon).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { variant: ribbon.variant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RibbonText, { variant: ribbon.variant, children: ribbon.text }) }),
+    children
+  ] })) });
+});
+Card.propTypes = {
+  /** text: the content inside the Card Ribbon
+   * variant: style the card following the theme (primary, secondary, vibin,
+   * hope, energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  ribbon: (0, import_prop_types.shape)({
+    text: import_prop_types.string,
+    variant: (0, import_prop_types.oneOf)([
+      "",
+      "primary",
+      "secondary",
+      "vibin",
+      "hope",
+      "energy",
+      "relax",
+      "peace",
+      "verve",
+      "uplift",
+      "deepPurple",
+      "stamina",
+      "dark",
+      "medium",
+      "deep",
+      "light",
+      "clear",
+      "white"
+    ])
+  }),
+  children: import_prop_types.node,
+  /** style the card following the theme (primary, secondary, vibin, hope,
+   * energy, relax, peace, verve, uplift, deepPurple, deep, stamina, dark,
+   * medium, light, clear, white) */
+  variant: (0, import_prop_types.oneOf)([
+    "",
+    "primary",
+    "secondary",
+    "vibin",
+    "hope",
+    "energy",
+    "relax",
+    "peace",
+    "verve",
+    "uplift",
+    "deepPurple",
+    "stamina",
+    "dark",
+    "medium",
+    "deep",
+    "light",
+    "clear",
+    "white"
+  ])
+};
+Card.defaultProps = {
+  ribbon: {},
+  children: null,
+  variant: ""
+};
+Card.displayName = "Card";
+var Card_default = Card;

package/cjs/Card/native/Card/Card.test.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("@testing-library/react-native");
+var import_react_native2 = require("react-native");
+var import__ = require("../../..");
+var import__2 = __toESM(require("."));
+describe("<Card />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot with default Card", () => {
+      const { toJSON } = (0, import_react_native.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__2.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { children: "Hello World" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { children: "It's fine here" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__2.default.Actions, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { children: "Action's children must be Button" }) })
+        ] }) })
+      );
+      expect(toJSON()).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Card/native/Card/Content.js

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Content=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));Content.displayName='Card.Content';var _default=Content;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Content = import_styled_components.default.View``;
+Content.displayName = "Card.Content";
+var Content_default = Content;

package/cjs/Card/native/Card/Header.js

@@ -1 +1,37 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _templateObject;var Header=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])([""])));Header.displayName='Card.Header';var _default=Header;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Header = import_styled_components.default.View``;
+Header.displayName = "Card.Header";
+var Header_default = Header;

package/cjs/Card/native/Card/index.js

@@ -1 +1,41 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Card=_interopRequireDefault(require("./Card"));var _Header=_interopRequireDefault(require("./Header"));var _Content=_interopRequireDefault(require("./Content"));var _Actions=_interopRequireDefault(require("./Actions"));_Card["default"].Header=_Header["default"];_Card["default"].Content=_Content["default"];_Card["default"].Actions=_Actions["default"];var _default=_Card["default"];exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Card_exports = {};
+__export(Card_exports, {
+  default: () => Card_default
+});
+module.exports = __toCommonJS(Card_exports);
+var import_Card = __toESM(require("./Card"));
+var import_Header = __toESM(require("./Header"));
+var import_Content = __toESM(require("./Content"));
+var import_Actions = __toESM(require("./Actions"));
+import_Card.default.Header = import_Header.default;
+import_Card.default.Content = import_Content.default;
+import_Card.default.Actions = import_Actions.default;
+var Card_default = import_Card.default;

package/cjs/Card/native/EventCard/EventCard.js

@@ -1 +1,240 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _yogaIcons=require("@gympass/yoga-icons");var _reactNative=require("react-native");var _themeReader=_interopRequireDefault(require("../../../Theme/helpers/themeReader"));var _Card=_interopRequireDefault(require("../Card"));var _Text=_interopRequireDefault(require("../../../Text"));var _Box=_interopRequireDefault(require("../../../Box"));var _Button=_interopRequireDefault(require("../../../Button"));var _excluded=["onPress","small"];var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12;function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var spacing=_themeReader["default"].spacing,radii=_themeReader["default"].radii,lineHeights=_themeReader["default"].lineHeights;var Event=(0,_styledComponents["default"])(_Card["default"])(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  height: 104px;\n  border-radius: ","px;\n  padding: ",";\n  width: 280px;\n  margin-right: ",";\n  ","\n"])),radii.regular,spacing.zero,spacing.xxsmall,function(_ref){var small=_ref.small;return small?(0,_styledComponents.css)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n          width: ","px;\n        "])),spacing.xxxlarge):'';});var DateInfo=(0,_styledComponents["default"])(_Box["default"])(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  justify-content: center;\n  align-items: center;\n  width: 56px;\n"])));var EventInfo=(0,_styledComponents["default"])(_Box["default"])(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex: 1;\n"])));var Top=(0,_styledComponents["default"])(_Box["default"])(_templateObject5||(_templateObject5=(0,_taggedTemplateLiteralLoose2["default"])(["\n  justify-content: center;\n  align-items: center;\n  height: ","px;\n"])),spacing.small);var Name=(0,_styledComponents["default"])(_Text["default"].Medium)(_templateObject6||(_templateObject6=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-bottom: ","px;\n  line-height: ","px;\n"])),spacing.xxxsmall,lineHeights.small);var Place=(0,_styledComponents["default"])(_Text["default"].Tiny)(_templateObject7||(_templateObject7=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 180px;\n  margin-bottom: ","px;\n"])),spacing.xsmall);var Day=(0,_styledComponents["default"])(_Text["default"].H5)(_templateObject8||(_templateObject8=(0,_taggedTemplateLiteralLoose2["default"])(["\n  margin-top: ","px;\n  margin-bottom: ","px;\n"])),spacing.xxxsmall,spacing.xxxsmall);var getIndicatorColor=function getIndicatorColor(active,event){if(active)return'white';return event?'primary':'light';};var Indicator=(0,_styledComponents["default"])(_Box["default"])(_templateObject9||(_templateObject9=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: ","px;\n  height: ","px;\n"])),spacing.xxsmall,spacing.xxsmall);var Row=(0,_styledComponents["default"])(_Box["default"])(_templateObject10||(_templateObject10=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n"])));var EventTime=(0,_styledComponents["default"])(_Box["default"])(_templateObject11||(_templateObject11=(0,_taggedTemplateLiteralLoose2["default"])(["\n  flex-direction: row;\n  align-items: center;\n"])));var ButtonLink=(0,_styledComponents["default"])(_Button["default"].Link)(_templateObject12||(_templateObject12=(0,_taggedTemplateLiteralLoose2["default"])(["\n  align-self: flex-end;\n"])));var SmallCard=function SmallCard(_ref2){var _ref2$date=_ref2.date,month=_ref2$date.month,day=_ref2$date.day,dayOfWeek=_ref2$date.dayOfWeek,active=_ref2.active,event=_ref2.event,onPress=_ref2.onPress;return _react["default"].createElement(DateInfo,{small:true,pv:"medium",bg:active?'primary':'white'},_react["default"].createElement(Top,null,onPress?_react["default"].createElement(Indicator,{borderRadius:"small",bgColor:getIndicatorColor(active,Boolean(event))}):_react["default"].createElement(_Text["default"].Tiny,{variant:active?'white':'deep'},month)),_react["default"].createElement(Day,{variant:active?'white':'secondary'},day),_react["default"].createElement(_Text["default"].Tiny,{variant:active?'white':'deep'},String(dayOfWeek).toUpperCase()));};var FullCard=(0,_styledComponents.withTheme)(function(_ref3){var event=_ref3.event,_ref3$date=_ref3.date,month=_ref3$date.month,day=_ref3$date.day,dayOfWeek=_ref3$date.dayOfWeek,link=_ref3.link,onLinkPress=_ref3.onLinkPress,icon=_ref3.theme.yoga.components.card.event.icon;return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(DateInfo,{bg:"primary"},_react["default"].createElement(Top,null,_react["default"].createElement(_Text["default"].Tiny,{inverted:true},month)),_react["default"].createElement(Day,{inverted:true},day),_react["default"].createElement(_Text["default"].Tiny,{inverted:true},String(dayOfWeek).toUpperCase())),_react["default"].createElement(EventInfo,{p:"small",pl:"xsmall"},_react["default"].createElement(Name,{numberOfLines:1,size:"small"},event.name),_react["default"].createElement(Place,{variant:"deep",numberOfLines:1},event.place),_react["default"].createElement(Row,null,_react["default"].createElement(EventTime,null,_react["default"].createElement(_yogaIcons.Time,{fill:icon.fill,style:{marginRight:5}}),_react["default"].createElement(_Text["default"].Tiny,null,event.time)),!!link&&_react["default"].createElement(ButtonLink,{onPress:onLinkPress,small:true},link))));});var EventCard=function EventCard(_ref4){var onPress=_ref4.onPress,small=_ref4.small,rest=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:onPress},_react["default"].createElement(Event,(0,_extends2["default"])({small:small},rest),small?_react["default"].createElement(SmallCard,(0,_extends2["default"])({onPress:onPress},rest)):_react["default"].createElement(FullCard,rest)));};EventCard.propTypes={event:(0,_propTypes.oneOfType)([(0,_propTypes.shape)({name:_propTypes.string,place:_propTypes.string,time:_propTypes.string}),_propTypes.bool]),date:(0,_propTypes.shape)({day:_propTypes.string,dayOfWeek:_propTypes.string,month:_propTypes.string}).isRequired,small:_propTypes.bool,active:_propTypes.bool,link:_propTypes.string,onLinkPress:_propTypes.func,onPress:_propTypes.func};EventCard.defaultProps={small:false,active:false,event:undefined,link:'',onLinkPress:undefined,onPress:undefined};SmallCard.propTypes={date:(0,_propTypes.shape)({day:_propTypes.string,dayOfWeek:_propTypes.string,month:_propTypes.string}).isRequired,active:_propTypes.bool,event:(0,_propTypes.oneOfType)([(0,_propTypes.shape)({name:_propTypes.string,place:_propTypes.string,time:_propTypes.string}),_propTypes.bool]),onPress:_propTypes.func};SmallCard.defaultProps={active:false,event:undefined,onPress:undefined};FullCard.propTypes=EventCard.propTypes;EventCard.displayName='EventCard';var _default=EventCard;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var EventCard_exports = {};
+__export(EventCard_exports, {
+  default: () => EventCard_default
+});
+module.exports = __toCommonJS(EventCard_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_react_native = require("react-native");
+var import_themeReader = __toESM(require("../../../Theme/helpers/themeReader"));
+var import_Card = __toESM(require("../Card"));
+var import_Text = __toESM(require("../../../Text"));
+var import_Box = __toESM(require("../../../Box"));
+var import_Button = __toESM(require("../../../Button"));
+const { spacing, radii, lineHeights } = import_themeReader.default;
+const Event = (0, import_styled_components.default)(import_Card.default)`
+  flex-direction: row;
+  height: 104px;
+  border-radius: ${radii.regular}px;
+  padding: ${spacing.zero};
+  width: 280px;
+  margin-right: ${spacing.xxsmall};
+  ${({ small }) => small ? import_styled_components.css`
+          width: ${spacing.xxxlarge}px;
+        ` : ""}
+`;
+const DateInfo = (0, import_styled_components.default)(import_Box.default)`
+  justify-content: center;
+  align-items: center;
+  width: 56px;
+`;
+const EventInfo = (0, import_styled_components.default)(import_Box.default)`
+  flex: 1;
+`;
+const Top = (0, import_styled_components.default)(import_Box.default)`
+  justify-content: center;
+  align-items: center;
+  height: ${spacing.small}px;
+`;
+const Name = (0, import_styled_components.default)(import_Text.default.Medium)`
+  margin-bottom: ${spacing.xxxsmall}px;
+  line-height: ${lineHeights.small}px;
+`;
+const Place = (0, import_styled_components.default)(import_Text.default.Tiny)`
+  width: 180px;
+  margin-bottom: ${spacing.xsmall}px;
+`;
+const Day = (0, import_styled_components.default)(import_Text.default.H5)`
+  margin-top: ${spacing.xxxsmall}px;
+  margin-bottom: ${spacing.xxxsmall}px;
+`;
+const getIndicatorColor = (active, event) => {
+  if (active)
+    return "white";
+  return event ? "primary" : "light";
+};
+const Indicator = (0, import_styled_components.default)(import_Box.default)`
+  width: ${spacing.xxsmall}px;
+  height: ${spacing.xxsmall}px;
+`;
+const Row = (0, import_styled_components.default)(import_Box.default)`
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+`;
+const EventTime = (0, import_styled_components.default)(import_Box.default)`
+  flex-direction: row;
+  align-items: center;
+`;
+const ButtonLink = (0, import_styled_components.default)(import_Button.default.Link)`
+  align-self: flex-end;
+`;
+const SmallCard = ({
+  date: { month, day, dayOfWeek },
+  active,
+  event,
+  onPress
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DateInfo, { small: true, pv: "medium", bg: active ? "primary" : "white", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Top, { children: onPress ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Indicator,
+    {
+      borderRadius: "small",
+      bgColor: getIndicatorColor(active, Boolean(event))
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { variant: active ? "white" : "deep", children: month }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Day, { variant: active ? "white" : "secondary", children: day }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { variant: active ? "white" : "deep", children: String(dayOfWeek).toUpperCase() })
+] });
+const FullCard = (0, import_styled_components.withTheme)(
+  ({
+    event,
+    date: { month, day, dayOfWeek },
+    link,
+    onLinkPress,
+    theme: {
+      yoga: {
+        components: {
+          card: {
+            event: { icon }
+          }
+        }
+      }
+    }
+  }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DateInfo, { bg: "primary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Top, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { inverted: true, children: month }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Day, { inverted: true, children: day }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { inverted: true, children: String(dayOfWeek).toUpperCase() })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EventInfo, { p: "small", pl: "xsmall", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Name, { numberOfLines: 1, size: "small", children: event.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Place, { variant: "deep", numberOfLines: 1, children: event.place }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Row, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EventTime, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga_icons.Time, { fill: icon.fill, style: { marginRight: 5 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { children: event.time })
+        ] }),
+        !!link && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonLink, { onPress: onLinkPress, small: true, children: link })
+      ] })
+    ] })
+  ] })
+);
+const EventCard = (_a) => {
+  var _b = _a, { onPress, small } = _b, rest = __objRest(_b, ["onPress", "small"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.TouchableWithoutFeedback, { onPress, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Event, __spreadProps(__spreadValues({ small }, rest), { children: small ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SmallCard, __spreadValues({ onPress }, rest)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FullCard, __spreadValues({}, rest)) })) });
+};
+EventCard.propTypes = {
+  /** event information: { name (string), place (string), time (string) } */
+  event: (0, import_prop_types.oneOfType)([
+    (0, import_prop_types.shape)({
+      name: import_prop_types.string,
+      place: import_prop_types.string,
+      time: import_prop_types.string
+    }),
+    import_prop_types.bool
+  ]),
+  /** date information: { day (string), dayOfWeek (string), month (string) } */
+  date: (0, import_prop_types.shape)({
+    day: import_prop_types.string,
+    dayOfWeek: import_prop_types.string,
+    month: import_prop_types.string
+  }).isRequired,
+  small: import_prop_types.bool,
+  active: import_prop_types.bool,
+  link: import_prop_types.string,
+  onLinkPress: import_prop_types.func,
+  onPress: import_prop_types.func
+};
+EventCard.defaultProps = {
+  small: false,
+  active: false,
+  event: void 0,
+  link: "",
+  onLinkPress: void 0,
+  onPress: void 0
+};
+SmallCard.propTypes = {
+  date: (0, import_prop_types.shape)({
+    day: import_prop_types.string,
+    dayOfWeek: import_prop_types.string,
+    month: import_prop_types.string
+  }).isRequired,
+  active: import_prop_types.bool,
+  event: (0, import_prop_types.oneOfType)([
+    (0, import_prop_types.shape)({
+      name: import_prop_types.string,
+      place: import_prop_types.string,
+      time: import_prop_types.string
+    }),
+    import_prop_types.bool
+  ]),
+  onPress: import_prop_types.func
+};
+SmallCard.defaultProps = {
+  active: false,
+  event: void 0,
+  onPress: void 0
+};
+FullCard.propTypes = EventCard.propTypes;
+EventCard.displayName = "EventCard";
+var EventCard_default = EventCard;