@gympass/yoga 7.87.1 → 7.88.0

package/cjs/Theme/helpers/themeReader/base.test.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _proxy = _interopRequireDefault(require("proxy-polyfill/src/proxy"));
-
-var _index = _interopRequireDefault(require("./index"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('themeReader - base specs', function () {
-  beforeAll(function () {
-    // Tests should ran using the polyfill.
-    global.Proxy = (0, _proxy["default"])();
-  });
-  it('should return a function', function () {
-    expect(_index["default"]).toBeInstanceOf(Function);
-  });
-  it('should return undefined if key does not exist on the theme', function () {
-    expect(typeof _index["default"].colors.randomValue).toBe('undefined');
-    expect(typeof _index["default"].randomValue).toBe('undefined');
-  });
-  it('should have theme.yoga as the base path', function () {
-    var yoga = 'wow cool theme, such tokens';
-    var obj = {
-      theme: {
-        yoga: yoga
-      }
-    };
-    expect((0, _index["default"])(obj)).toBe(yoga);
-  });
-  it('should be able to get fields with keys', function () {
-    var value = 'deep!';
-    var obj = {
-      theme: {
-        yoga: {
-          breakpoints: {
-            xs: {
-              margin: value
-            }
-          }
-        }
-      }
-    };
-    expect(_index["default"].breakpoints.xs.margin(obj)).toBe(value);
-  });
-  it('should be able to get fields with array position', function () {
-    var array = ['nice', 'array', 'bro'];
-    var obj = {
-      theme: {
-        yoga: {
-          borders: array
-        }
-      }
-    };
-    array.forEach(function (val, i) {
-      expect(_index["default"].borders[i](obj)).toBe(val);
-    });
-  });
-  it('should be destructible', function () {
-    var baseFontSizeValue = 'nice size';
-    var primaryValue = 'very primary';
-    var lgValue = 'much large';
-    var obj = {
-      theme: {
-        yoga: {
-          baseFontSize: baseFontSizeValue,
-          colors: {
-            primary: primaryValue
-          },
-          breakpoints: {
-            lg: lgValue
-          }
-        }
-      }
-    };
-    var baseFontSize = _index["default"].baseFontSize,
-        primary = _index["default"].colors.primary,
-        breakpoints = _index["default"].breakpoints;
-    expect(primary(obj)).toBe(primaryValue);
-    expect(breakpoints.lg(obj)).toBe(lgValue);
-    expect(baseFontSize(obj)).toBe(baseFontSizeValue);
-  });
-});

package/cjs/Theme/helpers/themeReader/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-require("proxy-polyfill");
-
-var _yogaTokens = _interopRequireDefault(require("@gympass/yoga-tokens"));
-
-var _theme = _interopRequireDefault(require("../../theme"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var skeleton = (0, _theme["default"])(_yogaTokens["default"]);
-var CACHE_PLACEHOLDER = null;
-
-var withoutKey = function withoutKey(fn, key) {
-  return !{}.hasOwnProperty.call(fn, key) || key === 'prototype';
-};
-
-var createFakeObj = function createFakeObj(paths, object) {
-  var fn = function fn(props) {
-    return paths.reduce(function (acc, path) {
-      return acc[path];
-    }, props);
-  }; // We only need the key to be present, the value does not matter.
-
-
-  Object.keys(object).forEach(function (key) {
-    fn[key] = CACHE_PLACEHOLDER;
-  });
-  return new Proxy(fn, {
-    get: function get(target, key) {
-      if (withoutKey(fn, key)) return target[key];
-      if (fn[key]) return fn[key]; // We replace the value, this will be used as cache on the next call.
-
-      fn[key] = createFakeObj([].concat(paths, [key]), object[key]);
-      return fn[key];
-    }
-  });
-};
-
-var _default = createFakeObj(['theme', 'yoga'], skeleton);
-
-exports["default"] = _default;

package/cjs/Theme/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-
-var _Provider = require("./Provider");
-
-exports["default"] = _Provider.ThemeProvider;
-exports.FontLoader = _Provider.FontLoader;
-
-var _theme = _interopRequireDefault(require("./theme"));
-
-exports.yogaTheme = _theme["default"];
-
-var _themeReader = _interopRequireDefault(require("./helpers/themeReader"));
-
-exports.theme = _themeReader["default"];
-
-var _themeGenerator = _interopRequireDefault(require("./helpers/themeGenerator"));
-
-exports.createTheme = _themeGenerator["default"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/cjs/Theme/index.native.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"createTheme",{enumerable:true,get:function get(){return _themeGenerator["default"];}});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _Provider["default"];}});Object.defineProperty(exports,"theme",{enumerable:true,get:function get(){return _themeReader["default"];}});Object.defineProperty(exports,"yogaTheme",{enumerable:true,get:function get(){return _theme["default"];}});var _Provider=_interopRequireDefault(require("./Provider"));var _theme=_interopRequireDefault(require("./theme"));var _themeReader=_interopRequireDefault(require("./helpers/themeReader"));var _themeGenerator=_interopRequireDefault(require("./helpers/themeGenerator"));

package/cjs/Theme/theme/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _theme = _interopRequireDefault(require("./theme"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _theme["default"];
-exports["default"] = _default;

package/cjs/Theme/theme/theme.js

@@ -1,210 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _yogaCommon = require("@gympass/yoga-common");
-
-var _AccordionTheme = _interopRequireDefault(require("./../../Accordion/Accordion.theme.js"));
-
-var _ActionRequirementTheme = _interopRequireDefault(require("./../../ActionRequirement/ActionRequirement.theme.js"));
-
-var _AutoCompleteTheme = _interopRequireDefault(require("./../../AutoComplete/AutoComplete.theme.js"));
-
-var _AvatarTheme = _interopRequireDefault(require("./../../Avatar/Avatar.theme.js"));
-
-var _BannerTheme = _interopRequireDefault(require("./../../Banner/Banner.theme.js"));
-
-var _BottomSheetTheme = _interopRequireDefault(require("./../../BottomSheet/BottomSheet.theme.js"));
-
-var _ButtonTheme = _interopRequireDefault(require("./../../Button/Button.theme.js"));
-
-var _CardNativeTheme = _interopRequireDefault(require("./../../Card/Card.native.theme.js"));
-
-var _CardTheme = _interopRequireDefault(require("./../../Card/Card.theme.js"));
-
-var _CardWebTheme = _interopRequireDefault(require("./../../Card/Card.web.theme.js"));
-
-var _CheckboxTheme = _interopRequireDefault(require("./../../Checkbox/Checkbox.theme.js"));
-
-var _CheckboxSwitchTheme = _interopRequireDefault(require("./../../Checkbox/CheckboxSwitch.theme.js"));
-
-var _DatepickerTheme = _interopRequireDefault(require("./../../Datepicker/Datepicker.theme.js"));
-
-var _DialogTheme = _interopRequireDefault(require("./../../Dialog/Dialog.theme.js"));
-
-var _DividerTheme = _interopRequireDefault(require("./../../Divider/Divider.theme.js"));
-
-var _DrawerTheme = _interopRequireDefault(require("./../../Drawer/Drawer.theme.js"));
-
-var _DropdownTheme = _interopRequireDefault(require("./../../Dropdown/Dropdown.theme.js"));
-
-var _FeedbackTheme = _interopRequireDefault(require("./../../Feedback/Feedback.theme.js"));
-
-var _GridTheme = _interopRequireDefault(require("./../../Grid/Grid.theme.js"));
-
-var _HeaderTheme = _interopRequireDefault(require("./../../Header/Header.theme.js"));
-
-var _HeadingTheme = _interopRequireDefault(require("./../../Heading/Heading.theme.js"));
-
-var _IconTheme = _interopRequireDefault(require("./../../Icon/Icon.theme.js"));
-
-var _InputTheme = _interopRequireDefault(require("./../../Input/Input.theme.js"));
-
-var _ListTheme = _interopRequireDefault(require("./../../List/List.theme.js"));
-
-var _MenuTheme = _interopRequireDefault(require("./../../Menu/Menu.theme.js"));
-
-var _PopoverTheme = _interopRequireDefault(require("./../../Popover/Popover.theme.js"));
-
-var _ProgressTheme = _interopRequireDefault(require("./../../Progress/Progress.theme.js"));
-
-var _RadioGroupTheme = _interopRequireDefault(require("./../../RadioGroup/RadioGroup.theme.js"));
-
-var _RatingTheme = _interopRequireDefault(require("./../../Rating/Rating.theme.js"));
-
-var _ResultTheme = _interopRequireDefault(require("./../../Result/Result.theme.js"));
-
-var _SkeletonTheme = _interopRequireDefault(require("./../../Skeleton/Skeleton.theme.js"));
-
-var _SliderTheme = _interopRequireDefault(require("./../../Slider/Slider.theme.js"));
-
-var _SnackbarTheme = _interopRequireDefault(require("./../../Snackbar/Snackbar.theme.js"));
-
-var _SpinnerTheme = _interopRequireDefault(require("./../../Spinner/Spinner.theme.js"));
-
-var _StepperTheme = _interopRequireDefault(require("./../../Stepper/Stepper.theme.js"));
-
-var _TagTheme = _interopRequireDefault(require("./../../Tag/Tag.theme.js"));
-
-var _TextTheme = _interopRequireDefault(require("./../../Text/Text.theme.js"));
-
-var _TextAreaTheme = _interopRequireDefault(require("./../../TextArea/TextArea.theme.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var componentThemes = {
-  Accordion$Accordion: _AccordionTheme["default"],
-  ActionRequirement$ActionRequirement: _ActionRequirementTheme["default"],
-  AutoComplete$AutoComplete: _AutoCompleteTheme["default"],
-  Avatar$Avatar: _AvatarTheme["default"],
-  Banner$Banner: _BannerTheme["default"],
-  BottomSheet$BottomSheet: _BottomSheetTheme["default"],
-  Button$Button: _ButtonTheme["default"],
-  Card$CardNative: _CardNativeTheme["default"],
-  Card$Card: _CardTheme["default"],
-  Card$CardWeb: _CardWebTheme["default"],
-  Checkbox$Checkbox: _CheckboxTheme["default"],
-  Checkbox$CheckboxSwitch: _CheckboxSwitchTheme["default"],
-  Datepicker$Datepicker: _DatepickerTheme["default"],
-  Dialog$Dialog: _DialogTheme["default"],
-  Divider$Divider: _DividerTheme["default"],
-  Drawer$Drawer: _DrawerTheme["default"],
-  Dropdown$Dropdown: _DropdownTheme["default"],
-  Feedback$Feedback: _FeedbackTheme["default"],
-  Grid$Grid: _GridTheme["default"],
-  Header$Header: _HeaderTheme["default"],
-  Heading$Heading: _HeadingTheme["default"],
-  Icon$Icon: _IconTheme["default"],
-  Input$Input: _InputTheme["default"],
-  List$List: _ListTheme["default"],
-  Menu$Menu: _MenuTheme["default"],
-  Popover$Popover: _PopoverTheme["default"],
-  Progress$Progress: _ProgressTheme["default"],
-  RadioGroup$RadioGroup: _RadioGroupTheme["default"],
-  Rating$Rating: _RatingTheme["default"],
-  Result$Result: _ResultTheme["default"],
-  Skeleton$Skeleton: _SkeletonTheme["default"],
-  Slider$Slider: _SliderTheme["default"],
-  Snackbar$Snackbar: _SnackbarTheme["default"],
-  Spinner$Spinner: _SpinnerTheme["default"],
-  Stepper$Stepper: _StepperTheme["default"],
-  Tag$Tag: _TagTheme["default"],
-  Text$Text: _TextTheme["default"],
-  TextArea$TextArea: _TextAreaTheme["default"]
-};
-Object.freeze(componentThemes);
-
-var getComponentThemes = function getComponentThemes(tokens) {
-  var colors = tokens.colors,
-      baseFont = tokens.baseFont,
-      baseFontSize = tokens.baseFontSize;
-  var components = Object.entries(componentThemes).reduce(function (componentsStyles, _ref) {
-    var _extends2;
-
-    var names = _ref[0],
-        themed = _ref[1];
-
-    var _names$toLowerCase$sp = names.toLowerCase().split('$'),
-        name = _names$toLowerCase$sp[1];
-
-    return _extends({}, componentsStyles, (_extends2 = {}, _extends2[name] = themed(_extends({}, tokens, {
-      colors: colors,
-      baseFont: baseFont,
-      baseFontSize: baseFontSize
-    })), _extends2));
-  }, {});
-  return {
-    components: components
-  };
-};
-
-var theme = function theme(tokens) {
-  var baseFont = tokens.fonts.rubik;
-  var baseFontSize = tokens.fontSizes.medium;
-
-  var colors = _extends({}, tokens.colors, {
-    primary: tokens.colors.vibin,
-    secondary: tokens.colors.stamina,
-    feedback: {
-      success: [tokens.colors.success, tokens.colors.hope],
-      informative: [tokens.colors.neutral, tokens.colors.relax],
-      attention: [tokens.colors.attention, tokens.colors.verve],
-      neutral: [tokens.colors.light, tokens.colors.medium]
-    },
-    text: {
-      primary: tokens.colors.stamina,
-      secondary: tokens.colors.deep,
-      disabled: tokens.colors.light
-    },
-    elements: {
-      selectionAndIcons: tokens.colors.medium,
-      lineAndBorders: tokens.colors.light,
-      backgroundAndDisabled: tokens.colors.clear
-    }
-  });
-
-  var _colors$feedback$succ = colors.feedback.success;
-  colors.feedback.success.light = _colors$feedback$succ[0];
-  colors.feedback.success.dark = _colors$feedback$succ[1];
-  var _colors$feedback$info = colors.feedback.informative;
-  colors.feedback.informative.light = _colors$feedback$info[0];
-  colors.feedback.informative.dark = _colors$feedback$info[1];
-  var _colors$feedback$atte = colors.feedback.attention;
-  colors.feedback.attention.light = _colors$feedback$atte[0];
-  colors.feedback.attention.dark = _colors$feedback$atte[1];
-  var _colors$feedback$neut = colors.feedback.neutral;
-  colors.feedback.neutral.light = _colors$feedback$neut[0];
-  colors.feedback.neutral.dark = _colors$feedback$neut[1];
-  return _extends({}, tokens, {
-    colors: colors,
-    baseFont: baseFont,
-    baseFontSize: baseFontSize
-  });
-};
-
-var composeTheme = function composeTheme(tokens, customTheming) {
-  if (customTheming === void 0) {
-    customTheming = {};
-  }
-
-  var baseTheme = theme(tokens);
-  var customTheme = (0, _yogaCommon.merge)(baseTheme, customTheming);
-  var componentTheming = getComponentThemes(customTheme);
-  return (0, _yogaCommon.merge)(customTheme, componentTheming);
-};
-
-var _default = composeTheme;
-exports["default"] = _default;

package/cjs/hooks/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-
-var _usePortal = require("./usePortal");
-
-Object.keys(_usePortal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _usePortal[key]) return;
-  exports[key] = _usePortal[key];
-});
-
-var _useKeyPress = require("./useKeyPress");
-
-Object.keys(_useKeyPress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useKeyPress[key]) return;
-  exports[key] = _useKeyPress[key];
-});
-
-var _useCombinedRefs = require("./useCombinedRefs");
-
-Object.keys(_useCombinedRefs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useCombinedRefs[key]) return;
-  exports[key] = _useCombinedRefs[key];
-});

package/cjs/hooks/useCombinedRefs.js

@@ -1,32 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useCombinedRefs = void 0;
-
-var _react = require("react");
-
-/**
- *  A hook for combining multiple refs into one ref.
- */
-var useCombinedRefs = function useCombinedRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-
-  var targetRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    for (var i = 0; i < refs.length; i++) {
-      var ref = refs[i];
-      if (!ref) return;
-
-      if (typeof ref === 'function') {
-        ref(targetRef.current);
-      } else {
-        ref.current = targetRef.current;
-      }
-    }
-  }, [refs]);
-  return targetRef;
-};
-
-exports.useCombinedRefs = useCombinedRefs;

package/cjs/hooks/useKeyPress.js

@@ -1,40 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useKeyPress = void 0;
-
-var _react = require("react");
-
-var useKeyPress = function useKeyPress(targetKey) {
-  var _useState = (0, _react.useState)(false),
-      keyPressed = _useState[0],
-      setKeyPressed = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    function downHandler(_ref) {
-      var key = _ref.key;
-
-      if (key === targetKey) {
-        setKeyPressed(true);
-      }
-    }
-
-    function upHandler(_ref2) {
-      var key = _ref2.key;
-
-      if (key === targetKey) {
-        setKeyPressed(false);
-      }
-    }
-
-    window.addEventListener('keydown', downHandler);
-    window.addEventListener('keyup', upHandler);
-    return function () {
-      window.removeEventListener('keydown', downHandler);
-      window.removeEventListener('keyup', upHandler);
-    };
-  }, [targetKey]);
-  return keyPressed;
-};
-
-exports.useKeyPress = useKeyPress;

package/cjs/hooks/usePortal.js

@@ -1,61 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.usePortal = void 0;
-
-var _react = require("react");
-
-/**
- * Creates DOM element to be used as React root.
- * @returns {HTMLElement}
- */
-var createRootElement = function createRootElement(id) {
-  var rootContainer = document.createElement('div');
-  rootContainer.setAttribute('id', id);
-  return rootContainer;
-};
-/**
- * Appends element as last child of body.
- * @param {HTMLElement} rootElement
- */
-
-
-var addRootElement = function addRootElement(rootElement) {
-  document.body.insertBefore(rootElement, document.body.lastElementChild.nextElementSibling);
-};
-
-var usePortal = function usePortal(id) {
-  var rootElementRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    // Look for existing target dom element to append to
-    var existingParent = document.getElementById(id); // Parent is either a new root or the existing dom element
-
-    var parentElem = existingParent || createRootElement(id); // If there is no existing DOM element, add a new one.
-
-    if (!existingParent) {
-      addRootElement(parentElem);
-    } // Add the detached element to the parent
-
-
-    parentElem.appendChild(rootElementRef.current);
-    return function removeElement() {
-      rootElementRef.current.remove();
-
-      if (!parentElem.childElementCount) {
-        parentElem.remove();
-      }
-    };
-  }, [id]);
-
-  var getRootElemement = function getRootElemement() {
-    if (!rootElementRef.current) {
-      rootElementRef.current = document.createElement('div');
-    }
-
-    return rootElementRef.current;
-  };
-
-  return getRootElemement();
-};
-
-exports.usePortal = usePortal;