@gympass/yoga 2.5.5 → 2.5.7

package/cjs/Checkbox/web/Checkbox.js

@@ -17,89 +17,23 @@ var _yogaIcons = require("@gympass/yoga-icons");
 
 var _shared = require("../../shared");
 
+var _excluded = ["value", "label", "helper", "disabled", "checked", "error", "style", "className", "variant"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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 _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  width: 100%;\n\n  ", "\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  ", "\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  display: none;\n\n  ", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  cursor: pointer;\n\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  border-style: solid;\n\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  * {\n    box-sizing: border-box;\n  }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var CheckboxWrapper = _styledComponents["default"].div(_templateObject());
+var CheckboxWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n\n  * {\n    box-sizing: border-box;\n  }\n"])));
 
-var CheckMark = _styledComponents["default"].div(_templateObject2(), function (_ref) {
+var CheckMark = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n\n  border-style: solid;\n\n  ", "\n"])), function (_ref) {
   var checked = _ref.checked,
       disabled = _ref.disabled,
       error = _ref.error,
@@ -113,17 +47,17 @@ var CheckMark = _styledComponents["default"].div(_templateObject2(), function (_
   return "\n    width: ".concat(checkbox.size, "px;\n    height: ").concat(checkbox.size, "px;\n\n    margin-right: ").concat(checkbox.margin.right, "px;\n\n    border-radius: ").concat(checkbox.border.radius, "px;\n    border-width: ").concat(checkbox.border.width, "px;\n    border-color: ").concat(disabled ? checkbox.disabled.border.color : color[3], ";\n\n    ").concat(checked ? "\n        background-color: ".concat(color[3], "; \n\n        svg {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          \n          fill: ").concat(checkbox.checked.icon.color, ";\n\n          transform: translate(-50%, -50%);\n        }\n        ") : '', "\n\n    ").concat(disabled && checked ? "background-color: ".concat(checkbox.disabled.backgroundColor, ";") : '', "\n\n    ").concat(error ? "border-color: ".concat(negative[1], ";") : '', "\n\n    ").concat(error && checked ? "background-color: ".concat(negative[1], ";") : '', "\n  ");
 });
 
-var Label = _styledComponents["default"].label(_templateObject3(), function (_ref2) {
+var Label = _styledComponents["default"].label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  cursor: pointer;\n\n  ", "\n"])), function (_ref2) {
   var checkbox = _ref2.theme.yoga.components.checkbox;
   return "\n    font-size: ".concat(checkbox.label.font.size, "px;\n    color: ").concat(checkbox.label.font.color, ";\n  ");
 });
 
-var Shadow = _styledComponents["default"].span(_templateObject4(), function (_ref3) {
+var Shadow = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: none;\n\n  ", "\n"])), function (_ref3) {
   var checkbox = _ref3.theme.yoga.components.checkbox;
   return "\n    width: ".concat(checkbox.size, "px;\n    height: ").concat(checkbox.size, "px;\n    border-radius: ").concat(checkbox.hover.border.radius, "px;\n  ");
 });
 
-var CheckboxStyled = _styledComponents["default"].div(_templateObject5(), function (_ref4) {
+var CheckboxStyled = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n\n  ", "\n"])), function (_ref4) {
   var variant = _ref4.variant,
       _ref4$theme$yoga = _ref4.theme.yoga,
       _ref4$theme$yoga$colo = _ref4$theme$yoga.colors[variant],
@@ -133,12 +67,12 @@ var CheckboxStyled = _styledComponents["default"].div(_templateObject5(), functi
   return "\n      ".concat(Label, ":active,\n      &:focus-within,\n      &:hover  {\n        ").concat(Shadow, " {\n          display: block;\n        }\n      }\n\n      ").concat(Label, ":active {\n        ").concat(Shadow, " {\n          background-color: ").concat((0, _yogaCommon.hexToRgb)(color[1], 0.75), ";\n\n          box-shadow: 0 0 0 ").concat(shadowSize, "px ").concat((0, _yogaCommon.hexToRgb)(color[1], 0.75), ";\n        }\n      }\n\n      &:focus-within, &:hover {\n        ").concat(Shadow, " {\n          background-color: ").concat((0, _yogaCommon.hexToRgb)(color[1], 0.5), ";\n          \n          box-shadow: 0 0 0 ").concat(shadowSize, "px ").concat((0, _yogaCommon.hexToRgb)(color[1], 0.5), ";\n        }\n      }\n    ");
 });
 
-var HelperWrapper = _styledComponents["default"].div(_templateObject6(), function (_ref5) {
+var HelperWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  ", "\n"])), function (_ref5) {
   var checkbox = _ref5.theme.yoga.components.checkbox;
   return "\n    margin-top: ".concat(checkbox.helper.margin.top, "px;\n  ");
 });
 
-var Helper = _styledComponents["default"].span(_templateObject7(), function (_ref6) {
+var Helper = _styledComponents["default"].span(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var error = _ref6.error,
       _ref6$theme$yoga = _ref6.theme.yoga,
       negative = _ref6$theme$yoga.colors.negative,
@@ -160,7 +94,7 @@ var Checkbox = function Checkbox(_ref7) {
       style = _ref7.style,
       className = _ref7.className,
       variant = _ref7.variant,
-      rest = _objectWithoutProperties(_ref7, ["value", "label", "helper", "disabled", "checked", "error", "style", "className", "variant"]);
+      rest = _objectWithoutProperties(_ref7, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(CheckboxWrapper, {
     style: style,

package/cjs/Checkbox/web/Switch.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,126 +13,40 @@ var _propTypes = require("prop-types");
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _excluded = ["checked", "disabled", "onChange"];
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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 _templateObject9() {
-  var data = _taggedTemplateLiteral(["\n            ", ":focus + &,\n            ", ":hover + & {\n              box-shadow: 0 0 0 ", "px\n                ", ";\n            }\n          "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n            left: calc(100% - ", "px);\n            transform: translateX(-100%);\n          "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n      left: ", "px;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition-property: left, transform;\n      transition-duration: 300ms;\n      transition-timing-function: ease;\n\n      ", "\n      ", "\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  pointer-events: none;\n\n  ", ";\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n\n      border-radius: ", "px;\n\n      transition-property: background-color;\n      transition-duration: 300ms;\n\n      ", "\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", ";\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n\n  cursor: inherit;\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var SwitchInput = _styledComponents["default"].input(_templateObject());
+var SwitchInput = _styledComponents["default"].input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n\n  width: 100%;\n  height: 100%;\n\n  opacity: 0;\n\n  cursor: inherit;\n"])));
 
-var SwitchTrack = _styledComponents["default"].label(_templateObject2(), function (_ref) {
+var SwitchTrack = _styledComponents["default"].label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  cursor: pointer;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  ", ";\n"])), function (_ref) {
   var checkboxswitch = _ref.theme.yoga.components.checkboxswitch,
       checked = _ref.checked,
       disabled = _ref.disabled;
-  return (0, _styledComponents.css)(_templateObject3(), checkboxswitch.track.width, checkboxswitch.track.height, checked ? checkboxswitch.track.checked.backgroundColor : checkboxswitch.track.backgroundColor, checkboxswitch.track.radii, disabled ? (0, _styledComponents.css)(_templateObject4(), checkboxswitch.track.disabled.backgroundColor) : '');
+  return (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n\n      border-radius: ", "px;\n\n      transition-property: background-color;\n      transition-duration: 300ms;\n\n      ", "\n    "])), checkboxswitch.track.width, checkboxswitch.track.height, checked ? checkboxswitch.track.checked.backgroundColor : checkboxswitch.track.backgroundColor, checkboxswitch.track.radii, disabled ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "])), checkboxswitch.track.disabled.backgroundColor) : '');
 });
 
-var SwitchThumb = _styledComponents["default"].span(_templateObject5(), function (_ref2) {
+var SwitchThumb = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n\n  pointer-events: none;\n\n  ", ";\n"])), function (_ref2) {
   var _ref2$theme$yoga = _ref2.theme.yoga,
       checkboxswitch = _ref2$theme$yoga.components.checkboxswitch,
       spacing = _ref2$theme$yoga.spacing,
       checked = _ref2.checked,
       disabled = _ref2.disabled;
-  return (0, _styledComponents.css)(_templateObject6(), checkboxswitch.thumb.left, checkboxswitch.thumb.width, checkboxswitch.thumb.height, checkboxswitch.thumb.backgroundColor, checkboxswitch.thumb.radii, checked ? (0, _styledComponents.css)(_templateObject7(), checkboxswitch.thumb.left) : '', disabled ? (0, _styledComponents.css)(_templateObject8(), checkboxswitch.thumb.disabled.backgroundColor) : (0, _styledComponents.css)(_templateObject9(), SwitchInput, SwitchInput, spacing.xsmall, checked ? checkboxswitch.focus.checked.backgroundColor : checkboxswitch.focus.disabled.backgroundColor));
+  return (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      left: ", "px;\n\n      width: ", "px;\n      height: ", "px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition-property: left, transform;\n      transition-duration: 300ms;\n      transition-timing-function: ease;\n\n      ", "\n      ", "\n    "])), checkboxswitch.thumb.left, checkboxswitch.thumb.width, checkboxswitch.thumb.height, checkboxswitch.thumb.backgroundColor, checkboxswitch.thumb.radii, checked ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            left: calc(100% - ", "px);\n            transform: translateX(-100%);\n          "])), checkboxswitch.thumb.left) : '', disabled ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            background-color: ", ";\n            cursor: not-allowed;\n          "])), checkboxswitch.thumb.disabled.backgroundColor) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            ", ":focus + &,\n            ", ":hover + & {\n              box-shadow: 0 0 0 ", "px\n                ", ";\n            }\n          "])), SwitchInput, SwitchInput, spacing.xsmall, checked ? checkboxswitch.focus.checked.backgroundColor : checkboxswitch.focus.disabled.backgroundColor));
 });
 /** Switches allow users to turn an individual option on or off. They are usually used to activate or deactivate a specific setting. */
 
@@ -141,7 +55,7 @@ var CheckboxSwitch = function CheckboxSwitch(_ref3) {
   var checked = _ref3.checked,
       disabled = _ref3.disabled,
       onChange = _ref3.onChange,
-      rest = _objectWithoutProperties(_ref3, ["checked", "disabled", "onChange"]);
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(SwitchTrack, _extends({
     checked: checked,

package/cjs/Checkbox/web/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Switch", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
-    return _Switch["default"];
+    return _Checkbox["default"];
   }
 });
-Object.defineProperty(exports, "Checkbox", {
+Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function get() {
-    return _Checkbox["default"];
+    return _Switch["default"];
   }
 });
 

package/cjs/Dropdown/native/Backdrop.js

@@ -1 +1 @@
-var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yoga=require("@gympass/yoga");function _templateObject4(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject4=function _templateObject4(){return data;};return data;}function _templateObject3(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject3=function _templateObject3(){return data;};return data;}function _templateObject2(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n  justify-content: flex-end;\n\n  width: 100%;\n"]);_templateObject2=function _templateObject2(){return data;};return data;}function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject=function _templateObject(){return data;};return data;}var ClosableArea=(0,_styledComponents["default"])(_reactNative.Animated.View)(_templateObject(),function(_ref){var colors=_ref.theme.yoga.colors;return"\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    background-color: "+colors.dark+";\n  ";});var ContentWrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(_templateObject2());var Content=_styledComponents["default"].View(_templateObject3(),function(_ref2){var dropdown=_ref2.theme.yoga.components.dropdown;return"\n    justify-content: center;\n    width: 100%;\n\n    background-color: "+dropdown.backdrop.content.backgroundColor+";\n    border-top-left-radius: "+dropdown.backdrop.content.border.radius.topLeft+"px;\n    border-top-right-radius: "+dropdown.backdrop.content.border.radius.topRight+"px;\n  ";});var Title=(0,_styledComponents["default"])(_yoga.Text.H4)(_templateObject4(),function(_ref3){var dropdown=_ref3.theme.yoga.components.dropdown;return"\n    width: 100%;\n    padding: \n      "+dropdown.backdrop.content.title.padding.top+"px \n      "+dropdown.backdrop.content.title.padding.right+"px \n      "+dropdown.backdrop.content.title.padding.bottom+"px \n      "+dropdown.backdrop.content.title.padding.left+"px;\n\n    text-align: center;\n  ";});var Backdrop=function Backdrop(_ref4){var visible=_ref4.visible,title=_ref4.title,children=_ref4.children,onClose=_ref4.onClose,_ref4$theme$yoga=_ref4.theme.yoga,transition=_ref4$theme$yoga.transition,dropdown=_ref4$theme$yoga.components.dropdown,props=(0,_objectWithoutProperties2["default"])(_ref4,["visible","title","children","onClose","theme"]);var _useState=(0,_react.useState)(visible),_useState2=(0,_slicedToArray2["default"])(_useState,2),isOpen=_useState2[0],toggleIsOpen=_useState2[1];var _useState3=(0,_react.useState)(new _reactNative.Animated.Value(0)),_useState4=(0,_slicedToArray2["default"])(_useState3,1),backgroundAnimation=_useState4[0];var _useState5=(0,_react.useState)(new _reactNative.Animated.Value(-dropdown.backdrop.content.height)),_useState6=(0,_slicedToArray2["default"])(_useState5,1),contentAnimation=_useState6[0];var animate=function animate(animation,toValue){return _reactNative.Animated.timing(animation,{toValue:toValue,duration:transition.duration[0],easing:_reactNative.Easing.out(_reactNative.Easing.ease)}).start(function(){return!visible&&toggleIsOpen(false);});};(0,_react.useEffect)(function(){if(visible)toggleIsOpen(true);animate(backgroundAnimation,visible?0.5:0);animate(contentAnimation,visible?0:-dropdown.backdrop.content.height);},[visible]);return isOpen&&_react["default"].createElement(_reactNative.Modal,(0,_extends2["default"])({},props,{transparent:true,animationType:"none"}),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:onClose},_react["default"].createElement(ClosableArea,{style:{opacity:backgroundAnimation}})),_react["default"].createElement(ContentWrapper,{style:{bottom:contentAnimation}},_react["default"].createElement(Content,null,title&&_react["default"].createElement(Title,null,title),children)));};Backdrop.propTypes={visible:_propTypes.bool,title:_propTypes.string,children:_propTypes.node.isRequired,onClose:_propTypes.func};Backdrop.defaultProps={visible:false,title:null,onClose:function onClose(){}};var _default=(0,_styledComponents.withTheme)(Backdrop);exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yoga=require("@gympass/yoga");var _excluded=["visible","title","children","onClose","theme"];var _templateObject,_templateObject2,_templateObject3,_templateObject4;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 ClosableArea=(0,_styledComponents["default"])(_reactNative.Animated.View)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var colors=_ref.theme.yoga.colors;return"\n    position: relative;\n    width: 100%;\n    height: 100%;\n\n    background-color: "+colors.dark+";\n  ";});var ContentWrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  position: absolute;\n  justify-content: flex-end;\n\n  width: 100%;\n"])));var Content=_styledComponents["default"].View(_templateObject3||(_templateObject3=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var dropdown=_ref2.theme.yoga.components.dropdown;return"\n    justify-content: center;\n    width: 100%;\n\n    background-color: "+dropdown.backdrop.content.backgroundColor+";\n    border-top-left-radius: "+dropdown.backdrop.content.border.radius.topLeft+"px;\n    border-top-right-radius: "+dropdown.backdrop.content.border.radius.topRight+"px;\n  ";});var Title=(0,_styledComponents["default"])(_yoga.Text.H4)(_templateObject4||(_templateObject4=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref3){var dropdown=_ref3.theme.yoga.components.dropdown;return"\n    width: 100%;\n    padding: \n      "+dropdown.backdrop.content.title.padding.top+"px \n      "+dropdown.backdrop.content.title.padding.right+"px \n      "+dropdown.backdrop.content.title.padding.bottom+"px \n      "+dropdown.backdrop.content.title.padding.left+"px;\n\n    text-align: center;\n  ";});var Backdrop=function Backdrop(_ref4){var visible=_ref4.visible,title=_ref4.title,children=_ref4.children,onClose=_ref4.onClose,_ref4$theme$yoga=_ref4.theme.yoga,transition=_ref4$theme$yoga.transition,dropdown=_ref4$theme$yoga.components.dropdown,props=(0,_objectWithoutProperties2["default"])(_ref4,_excluded);var _useState=(0,_react.useState)(visible),_useState2=(0,_slicedToArray2["default"])(_useState,2),isOpen=_useState2[0],toggleIsOpen=_useState2[1];var _useState3=(0,_react.useState)(new _reactNative.Animated.Value(0)),_useState4=(0,_slicedToArray2["default"])(_useState3,1),backgroundAnimation=_useState4[0];var _useState5=(0,_react.useState)(new _reactNative.Animated.Value(-dropdown.backdrop.content.height)),_useState6=(0,_slicedToArray2["default"])(_useState5,1),contentAnimation=_useState6[0];var animate=function animate(animation,toValue){return _reactNative.Animated.timing(animation,{toValue:toValue,duration:transition.duration[0],easing:_reactNative.Easing.out(_reactNative.Easing.ease)}).start(function(){return!visible&&toggleIsOpen(false);});};(0,_react.useEffect)(function(){if(visible)toggleIsOpen(true);animate(backgroundAnimation,visible?0.5:0);animate(contentAnimation,visible?0:-dropdown.backdrop.content.height);},[visible]);return isOpen&&_react["default"].createElement(_reactNative.Modal,(0,_extends2["default"])({},props,{transparent:true,animationType:"none"}),_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:onClose},_react["default"].createElement(ClosableArea,{style:{opacity:backgroundAnimation}})),_react["default"].createElement(ContentWrapper,{style:{bottom:contentAnimation}},_react["default"].createElement(Content,null,title&&_react["default"].createElement(Title,null,title),children)));};Backdrop.propTypes={visible:_propTypes.bool,title:_propTypes.string,children:_propTypes.node.isRequired,onClose:_propTypes.func};Backdrop.defaultProps={visible:false,title:null,onClose:function onClose(){}};var _default=(0,_styledComponents.withTheme)(Backdrop);exports["default"]=_default;

package/cjs/Dropdown/native/Dropdown.js

@@ -1 +1 @@
-var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));function _templateObject2(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject2=function _templateObject2(){return data;};return data;}function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject=function _templateObject(){return data;};return data;}var Selector=_styledComponents["default"].View(_templateObject(),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,full=_ref.full,dropdown=_ref.theme.yoga.components.dropdown;return"\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    width: "+(full?'100%':dropdown.width+"px")+";\n    padding: "+dropdown.selector.padding.top+"px \n      "+dropdown.selector.padding.right+"px \n      "+dropdown.selector.padding.bottom+"px\n      "+dropdown.selector.padding.left+"px;\n\n    background-color: "+dropdown.selector.background+";\n    border-radius: "+dropdown.selector.border.radius+"px;\n    border-width: "+dropdown.selector.border.width+"px;\n    border-style: solid;\n    border-color: "+dropdown.selector.border.color+";\n\n    "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n    "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n  ";});var Label=_styledComponents["default"].Text(_templateObject2(),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n    color: "+dropdown.input.font.color+";\n    "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n    "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n  ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=function Dropdown(_ref3){var label=_ref3.label,disabled=_ref3.disabled,full=_ref3.full,options=_ref3.options,cancelActionLabel=_ref3.cancelActionLabel,confirmActionLabel=_ref3.confirmActionLabel,onChange=_ref3.onChange,dropdown=_ref3.theme.yoga.components.dropdown,rest=(0,_objectWithoutProperties2["default"])(_ref3,["label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"]);var _useState=(0,_react.useState)(getSelectedOption(options)),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],toggleIsSelected=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isOpen=_useState4[0],toggleIsOpen=_useState4[1];var iconColor=function iconColor(){if(disabled)return dropdown.disabled.arrow.fill;if(selected)return dropdown.selected.arrow.fill;return dropdown.arrow.fill;};return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){return!disabled&&toggleIsOpen(true);}},_react["default"].createElement(Selector,(0,_extends2["default"])({full:full,disabled:disabled,selected:selected},rest),_react["default"].createElement(Label,{disabled:disabled,selected:selected},selected&&selected.label||label),_react["default"].createElement(_yogaIcons.ArrowDown,{fill:iconColor()}))),_react["default"].createElement(_Backdrop["default"],{visible:isOpen,title:label,onClose:function onClose(){return toggleIsOpen(false);}},_react["default"].createElement(_Options["default"],{options:options,selectedOption:selected,cancelActionLabel:cancelActionLabel,confirmActionLabel:confirmActionLabel,onClose:function onClose(){return toggleIsOpen(false);},onSelect:function onSelect(item){toggleIsSelected(item);onChange(item);toggleIsOpen(false);}})));};Dropdown.propTypes={label:_propTypes.string,disabled:_propTypes.bool,full:_propTypes.bool,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),selected:_propTypes.bool})).isRequired,cancelActionLabel:_propTypes.string,confirmActionLabel:_propTypes.string,onChange:_propTypes.func};Dropdown.defaultProps={label:'',full:false,cancelActionLabel:'Cancel',confirmActionLabel:'Confirm',disabled:false,onChange:function onChange(){}};var _default=(0,_styledComponents.withTheme)(Dropdown);exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yogaIcons=require("@gympass/yoga-icons");var _Options=_interopRequireDefault(require("./Options"));var _Backdrop=_interopRequireDefault(require("./Backdrop"));var _excluded=["label","disabled","full","options","cancelActionLabel","confirmActionLabel","onChange","theme"];var _templateObject,_templateObject2;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 Selector=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var disabled=_ref.disabled,selected=_ref.selected,full=_ref.full,dropdown=_ref.theme.yoga.components.dropdown;return"\n    position: relative;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    width: "+(full?'100%':dropdown.width+"px")+";\n    padding: "+dropdown.selector.padding.top+"px \n      "+dropdown.selector.padding.right+"px \n      "+dropdown.selector.padding.bottom+"px\n      "+dropdown.selector.padding.left+"px;\n\n    background-color: "+dropdown.selector.background+";\n    border-radius: "+dropdown.selector.border.radius+"px;\n    border-width: "+dropdown.selector.border.width+"px;\n    border-style: solid;\n    border-color: "+dropdown.selector.border.color+";\n\n    "+(disabled?"border-color: "+dropdown.disabled.selector.border.color+";":'')+";\n    "+(selected?"border-color: "+dropdown.selected.selector.border.color+";":'')+";\n  ";});var Label=_styledComponents["default"].Text(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref2){var disabled=_ref2.disabled,selected=_ref2.selected,dropdown=_ref2.theme.yoga.components.dropdown;return"\n    color: "+dropdown.input.font.color+";\n    "+(disabled?"color: "+dropdown.disabled.input.font.color+";":'')+"\n    "+(selected?"color: "+dropdown.selected.input.font.color+";":'')+"\n  ";});var getSelectedOption=function getSelectedOption(options){return options.find(function(item){return item.selected===true;});};var Dropdown=function Dropdown(_ref3){var label=_ref3.label,disabled=_ref3.disabled,full=_ref3.full,options=_ref3.options,cancelActionLabel=_ref3.cancelActionLabel,confirmActionLabel=_ref3.confirmActionLabel,onChange=_ref3.onChange,dropdown=_ref3.theme.yoga.components.dropdown,rest=(0,_objectWithoutProperties2["default"])(_ref3,_excluded);var _useState=(0,_react.useState)(getSelectedOption(options)),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],toggleIsSelected=_useState2[1];var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2["default"])(_useState3,2),isOpen=_useState4[0],toggleIsOpen=_useState4[1];var iconColor=function iconColor(){if(disabled)return dropdown.disabled.arrow.fill;if(selected)return dropdown.selected.arrow.fill;return dropdown.arrow.fill;};return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{accessibilityRole:"button",onPress:function onPress(){return!disabled&&toggleIsOpen(true);}},_react["default"].createElement(Selector,(0,_extends2["default"])({full:full,disabled:disabled,selected:selected},rest),_react["default"].createElement(Label,{disabled:disabled,selected:selected},selected&&selected.label||label),_react["default"].createElement(_yogaIcons.ArrowDown,{fill:iconColor()}))),_react["default"].createElement(_Backdrop["default"],{visible:isOpen,title:label,onClose:function onClose(){return toggleIsOpen(false);}},_react["default"].createElement(_Options["default"],{options:options,selectedOption:selected,cancelActionLabel:cancelActionLabel,confirmActionLabel:confirmActionLabel,onClose:function onClose(){return toggleIsOpen(false);},onSelect:function onSelect(item){toggleIsSelected(item);onChange(item);toggleIsOpen(false);}})));};Dropdown.propTypes={label:_propTypes.string,disabled:_propTypes.bool,full:_propTypes.bool,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),selected:_propTypes.bool})).isRequired,cancelActionLabel:_propTypes.string,confirmActionLabel:_propTypes.string,onChange:_propTypes.func};Dropdown.defaultProps={label:'',full:false,cancelActionLabel:'Cancel',confirmActionLabel:'Confirm',disabled:false,onChange:function onChange(){}};var _default=(0,_styledComponents.withTheme)(Dropdown);exports["default"]=_default;

package/cjs/Dropdown/native/Options.android.js

@@ -1 +1 @@
-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 _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yoga=require("@gympass/yoga");function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject=function _templateObject(){return data;};return data;}var Option=(0,_styledComponents["default"])(_yoga.List.Item)(_templateObject(),function(_ref){var isSelected=_ref.isSelected,_ref$theme$yoga=_ref.theme.yoga,baseFont=_ref$theme$yoga.baseFont,dropdown=_ref$theme$yoga.components.dropdown;return"\n    padding:\n      "+dropdown.backdrop.content.option.padding.top+"px \n      "+dropdown.backdrop.content.option.padding.right+"px \n      "+dropdown.backdrop.content.option.padding.bottom+"px \n      "+dropdown.backdrop.content.option.padding.left+"px;\n\n    border-bottom-width: "+dropdown.option.border.width+"px;\n    background-color: "+(isSelected?""+dropdown.hover.option.backgroundColor:'transparent')+"; \n  \n    font-family: "+baseFont.family+";\n    font-size: "+dropdown.option.font.size+"px;\n    line-height: "+dropdown.option.font.lineHeight+"px;\n    font-weight: "+(isSelected?""+dropdown.selected.option.font.weight:""+dropdown.option.font.weight)+"; \n    color: "+(isSelected?""+dropdown.selected.option.font.color:""+dropdown.option.font.color)+";\n  ";});var Options=function Options(_ref2){var options=_ref2.options,selectedOption=_ref2.selectedOption,onSelect=_ref2.onSelect;return _react["default"].createElement(_reactNative.ScrollView,{contentContainerStyle:{width:'100%',height:60*3.6}},_react["default"].createElement(_yoga.List,{data:options.map(function(item){return item;}),keyExtractor:function keyExtractor(_,index){return index.toString();},renderItem:function renderItem(_ref3){var item=_ref3.item;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return onSelect(item);}},_react["default"].createElement(Option,{key:item.value,isSelected:selectedOption&&selectedOption.value===item.value},_react["default"].createElement(_yoga.Text,null,item.label)));}}));};var optionShape={label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};Options.propTypes={options:(0,_propTypes.arrayOf)((0,_propTypes.shape)(optionShape)).isRequired,selectedOption:(0,_propTypes.shape)(optionShape),onSelect:_propTypes.func};Options.defaultProps={selectedOption:null,onSelect:function onSelect(){}};var _default=Options;exports["default"]=_default;
+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 _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yoga=require("@gympass/yoga");var _templateObject;var Option=(0,_styledComponents["default"])(_yoga.List.Item)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var isSelected=_ref.isSelected,_ref$theme$yoga=_ref.theme.yoga,baseFont=_ref$theme$yoga.baseFont,dropdown=_ref$theme$yoga.components.dropdown;return"\n    padding:\n      "+dropdown.backdrop.content.option.padding.top+"px \n      "+dropdown.backdrop.content.option.padding.right+"px \n      "+dropdown.backdrop.content.option.padding.bottom+"px \n      "+dropdown.backdrop.content.option.padding.left+"px;\n\n    border-bottom-width: "+dropdown.option.border.width+"px;\n    background-color: "+(isSelected?""+dropdown.hover.option.backgroundColor:'transparent')+"; \n  \n    font-family: "+baseFont.family+";\n    font-size: "+dropdown.option.font.size+"px;\n    line-height: "+dropdown.option.font.lineHeight+"px;\n    font-weight: "+(isSelected?""+dropdown.selected.option.font.weight:""+dropdown.option.font.weight)+"; \n    color: "+(isSelected?""+dropdown.selected.option.font.color:""+dropdown.option.font.color)+";\n  ";});var Options=function Options(_ref2){var options=_ref2.options,selectedOption=_ref2.selectedOption,onSelect=_ref2.onSelect;return _react["default"].createElement(_reactNative.ScrollView,{contentContainerStyle:{width:'100%',height:60*3.6}},_react["default"].createElement(_yoga.List,{data:options.map(function(item){return item;}),keyExtractor:function keyExtractor(_,index){return index.toString();},renderItem:function renderItem(_ref3){var item=_ref3.item;return _react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:function onPress(){return onSelect(item);}},_react["default"].createElement(Option,{key:item.value,isSelected:selectedOption&&selectedOption.value===item.value},_react["default"].createElement(_yoga.Text,null,item.label)));}}));};var optionShape={label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};Options.propTypes={options:(0,_propTypes.arrayOf)((0,_propTypes.shape)(optionShape)).isRequired,selectedOption:(0,_propTypes.shape)(optionShape),onSelect:_propTypes.func};Options.defaultProps={selectedOption:null,onSelect:function onSelect(){}};var _default=Options;exports["default"]=_default;

package/cjs/Dropdown/native/Options.ios.js

@@ -1 +1 @@
-var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _yoga=require("@gympass/yoga");function _templateObject2(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"]);_templateObject2=function _templateObject2(){return data;};return data;}function _templateObject(){var data=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  height: 190px;\n"]);_templateObject=function _templateObject(){return data;};return data;}var PickerStyled=_styledComponents["default"].Picker(_templateObject());var PickerActions=_styledComponents["default"].View(_templateObject2(),function(_ref){var dropdown=_ref.theme.yoga.components.dropdown;return"\n    flex-direction: row;\n    justify-content: space-between;\n\n    padding:\n      "+dropdown.backdrop.content.actions.padding.top+"px \n      "+dropdown.backdrop.content.actions.padding.right+"px \n      "+dropdown.backdrop.content.actions.padding.bottom+"px \n      "+dropdown.backdrop.content.actions.padding.left+"px;\n  ";});var Options=function Options(_ref2){var options=_ref2.options,selectedOption=_ref2.selectedOption,cancelActionLabel=_ref2.cancelActionLabel,confirmActionLabel=_ref2.confirmActionLabel,onSelect=_ref2.onSelect,onClose=_ref2.onClose;var _useState=(0,_react.useState)(selectedOption),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(PickerStyled,{selectedValue:selected&&selected.value,onValueChange:function onValueChange(itemValue){return setSelected(options.find(function(option){return option.value===itemValue;}));}},options.map(function(item){return _react["default"].createElement(_reactNative.Picker.Item,(0,_extends2["default"])({key:item},item));})),_react["default"].createElement(PickerActions,null,_react["default"].createElement(_yoga.Button.Link,{onPress:onClose},cancelActionLabel),_react["default"].createElement(_yoga.Button.Link,{onPress:function onPress(){return onSelect(selected);}},confirmActionLabel)));};var optionShape={label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};Options.propTypes={options:(0,_propTypes.arrayOf)((0,_propTypes.shape)(optionShape)).isRequired,selectedOption:(0,_propTypes.shape)(optionShape),cancelActionLabel:_propTypes.string.isRequired,confirmActionLabel:_propTypes.string.isRequired,onSelect:_propTypes.func,onClose:_propTypes.func};Options.defaultProps={selectedOption:null,onSelect:function onSelect(){},onClose:function onClose(){}};var _default=Options;exports["default"]=_default;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _picker=require("@react-native-picker/picker");var _yoga=require("@gympass/yoga");var _templateObject,_templateObject2;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 PickerStyled=(0,_styledComponents["default"])(_picker.Picker)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n  height: 190px;\n"])));var PickerActions=_styledComponents["default"].View(_templateObject2||(_templateObject2=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var dropdown=_ref.theme.yoga.components.dropdown;return"\n    flex-direction: row;\n    justify-content: space-between;\n\n    padding:\n      "+dropdown.backdrop.content.actions.padding.top+"px\n      "+dropdown.backdrop.content.actions.padding.right+"px\n      "+dropdown.backdrop.content.actions.padding.bottom+"px\n      "+dropdown.backdrop.content.actions.padding.left+"px;\n  ";});var Options=function Options(_ref2){var options=_ref2.options,selectedOption=_ref2.selectedOption,cancelActionLabel=_ref2.cancelActionLabel,confirmActionLabel=_ref2.confirmActionLabel,onSelect=_ref2.onSelect,onClose=_ref2.onClose;var _useState=(0,_react.useState)(selectedOption),_useState2=(0,_slicedToArray2["default"])(_useState,2),selected=_useState2[0],setSelected=_useState2[1];return _react["default"].createElement(_react["default"].Fragment,null,_react["default"].createElement(PickerStyled,{selectedValue:selected&&selected.value,onValueChange:function onValueChange(itemValue){return setSelected(options.find(function(option){return option.value===itemValue;}));}},options.map(function(item){return _react["default"].createElement(_picker.Picker.Item,(0,_extends2["default"])({key:item},item));})),_react["default"].createElement(PickerActions,null,_react["default"].createElement(_yoga.Button.Link,{onPress:onClose},cancelActionLabel),_react["default"].createElement(_yoga.Button.Link,{onPress:function onPress(){return onSelect(selected);}},confirmActionLabel)));};var optionShape={label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])};Options.propTypes={options:(0,_propTypes.arrayOf)((0,_propTypes.shape)(optionShape)).isRequired,selectedOption:(0,_propTypes.shape)(optionShape),cancelActionLabel:_propTypes.string.isRequired,confirmActionLabel:_propTypes.string.isRequired,onSelect:_propTypes.func,onClose:_propTypes.func};Options.defaultProps={selectedOption:null,onSelect:function onSelect(){},onClose:function onClose(){}};var _default=Options;exports["default"]=_default;

package/cjs/Dropdown/web/Dropdown.js

@@ -15,93 +15,28 @@ var _propTypes = require("prop-types");
 
 var _yogaIcons = require("@gympass/yoga-icons");
 
+var _excluded = ["isOpen", "disabled", "selected"],
+    _excluded2 = ["label", "disabled", "full", "options", "onChange"];
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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 _templateObject7() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral(["\n  ", "\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Wrapper = _styledComponents["default"].div(_templateObject(), function (_ref) {
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var full = _ref.full,
       dropdown = _ref.theme.yoga.components.dropdown;
   return "\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n\n    width: ".concat(full ? '100%' : "".concat(dropdown.width, "px"), ";\n  ");
 });
 
-var Selector = _styledComponents["default"].div(_templateObject2(), function (_ref2) {
+var Selector = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var disabled = _ref2.disabled,
       selected = _ref2.selected,
       isOpen = _ref2.isOpen,
@@ -109,7 +44,7 @@ var Selector = _styledComponents["default"].div(_templateObject2(), function (_r
   return "\n    position: relative;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-sizing: border-box;\n\n    width: 100%;\n    padding: ".concat(dropdown.selector.padding.top, "px \n      ").concat(dropdown.selector.padding.right, "px\n      ").concat(dropdown.selector.padding.bottom, "px\n      ").concat(dropdown.selector.padding.left, "px;\n\n    background-color: ").concat(dropdown.selector.background, ";\n    border-radius: ").concat(dropdown.selector.border.radius, "px;\n    border-width: ").concat(dropdown.selector.border.width, "px;\n    border-style: solid;\n    border-color: ").concat(dropdown.selector.border.color, ";\n\n    &:hover{\n      ").concat(!disabled ? "border-color: ".concat(dropdown.hover.selector.border.color, ";") : '', ";\n    }\n    ").concat(disabled ? "border-color: ".concat(dropdown.disabled.selector.border.color, ";") : '', ";\n    ").concat(selected ? "border-color: ".concat(dropdown.selected.selector.border.color, ";") : '', ";\n    ").concat(isOpen && !disabled ? "border-color: ".concat(dropdown.hover.selector.border.color, ";") : '', "\n  ");
 });
 
-var Input = _styledComponents["default"].input(_templateObject3(), function (_ref3) {
+var Input = _styledComponents["default"].input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var disabled = _ref3.disabled,
       selected = _ref3.selected,
       _ref3$theme$yoga = _ref3.theme.yoga,
@@ -118,19 +53,19 @@ var Input = _styledComponents["default"].input(_templateObject3(), function (_re
   return "\n    width: 100%;\n    padding: 0;\n\n    background-color: transparent;\n    border: none;\n\n    font-family: ".concat(baseFont.family, ";\n    font-size: ").concat(dropdown.input.font.size, "px;\n    line-height: ").concat(dropdown.input.font.lineHeight, "px;\n    cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n\n    &, &::placeholder {\n      color: ").concat(dropdown.input.font.color, ";\n      ").concat(selected ? "color: ".concat(dropdown.selected.input.font.color, ";") : '', "\n      ").concat(disabled ? "color: ".concat(dropdown.disabled.input.font.color, ";") : '', "\n    }\n  ");
 });
 
-var Button = _styledComponents["default"].button(_templateObject4(), function (_ref4) {
+var Button = _styledComponents["default"].button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var disabled = _ref4.disabled,
       dropdown = _ref4.theme.yoga.components.dropdown;
   return "\n    display: flex;\n    align-content: center;\n    align-items: center;\n    justify-content: flex-end;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n    padding-right: ".concat(dropdown.button.padding.right, "px;\n\n    border: none;\n    outline: none;\n    background-color: transparent;\n    cursor: ").concat(disabled ? 'not-allowed' : 'pointer', ";\n  ");
 });
 
-var OptionsList = _styledComponents["default"].ul(_templateObject5(), function (_ref5) {
+var OptionsList = _styledComponents["default"].ul(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
   var selected = _ref5.selected,
       dropdown = _ref5.theme.yoga.components.dropdown;
   return "\n    position: absolute;\n    top: 46px;\n    z-index: 1;\n    box-sizing: border-box;\n\n    width: 100%;\n    max-height: ".concat(dropdown.option.height * 3.5, "px;\n    margin: 0;\n    padding: 0;\n    overflow-y: auto;\n    list-style-type: none;\n\n    background: ").concat(dropdown.optionsList.backgroundColor, ";\n    border-width: ").concat(dropdown.optionsList.border.width, "px;\n    border-style: solid;\n    border-color: ").concat(dropdown.optionsList.border.color, ";\n    border-top: none;\n\n    ").concat(selected ? "border-color: ".concat(dropdown.selected.optionsList.border.color, ";") : '', ";\n\n    border-radius: \n        ").concat(dropdown.option.border.radius.topLeft, "px \n        ").concat(dropdown.option.border.radius.topRight, "px \n        ").concat(dropdown.option.border.radius.bottomRight, "px \n        ").concat(dropdown.option.border.radius.bottomLeft, "px;\n  ");
 });
 
-var Option = _styledComponents["default"].li(_templateObject6(), function (_ref6) {
+var Option = _styledComponents["default"].li(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var isSelected = _ref6.isSelected,
       highlighted = _ref6.highlighted,
       _ref6$theme$yoga = _ref6.theme.yoga,
@@ -143,10 +78,10 @@ var ArrowIcon = (0, _styledComponents["default"])(function (_ref7) {
   var isOpen = _ref7.isOpen,
       disabled = _ref7.disabled,
       selected = _ref7.selected,
-      props = _objectWithoutProperties(_ref7, ["isOpen", "disabled", "selected"]);
+      props = _objectWithoutProperties(_ref7, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement(_yogaIcons.ArrowDown, props);
-})(_templateObject7(), function (_ref8) {
+})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref8) {
   var isOpen = _ref8.isOpen,
       disabled = _ref8.disabled,
       selected = _ref8.selected,
@@ -168,7 +103,7 @@ var Dropdown = function Dropdown(_ref9) {
       full = _ref9.full,
       options = _ref9.options,
       onChange = _ref9.onChange,
-      rest = _objectWithoutProperties(_ref9, ["label", "disabled", "full", "options", "onChange"]);
+      rest = _objectWithoutProperties(_ref9, _excluded2);
 
   return /*#__PURE__*/_react["default"].createElement(_downshift["default"], {
     initialSelectedItem: getSelectedOption(options),