@gympass/yoga 7.85.1 → 7.86.0

package/cjs/Spinner/Spinner.theme.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var Spinner = function Spinner() {
+  return {};
+};
+
+var _default = Spinner;
+exports["default"] = _default;

package/cjs/Spinner/index.js

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

package/cjs/Spinner/web/Spinner.js

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _propTypes = require("prop-types");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _templateObject;
+
+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 _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+var StyledSpinner = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+      size = _ref.size;
+  return "\n    .spinner {\n      display: inline-block;\n      width: " + size + "px;\n      height: " + size + "px;\n      color: " + color + ";\n      animation: 1.4s linear 0s infinite normal none running rotation;\n    }\n\n    .circular {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    .path {\n      stroke-dasharray: 80px, 200px;\n      stroke-dashoffset: 0;\n      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;\n      animation: 1.6s ease-in-out 0s infinite normal none running dash;\n      stroke-linecap: round;\n      stroke: " + color + ";\n    }\n\n    @keyframes rotation {\n      0% {\n          transform: rotate(0deg);\n      }\n      100% {\n          transform: rotate(360deg);\n      }\n    }\n\n    @keyframes dash {\n      0% {\n        stroke-dasharray: 1px, 200px;\n        stroke-dashoffset: 0;\n      }\n      50% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -15px;\n      }\n      100% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -125px;\n      }\n    }\n  ";
+});
+
+var Spinner = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var size = _ref2.size,
+      color = _ref2.color,
+      theme = _ref2.theme;
+  return /*#__PURE__*/_react["default"].createElement(StyledSpinner, {
+    color: (0, _lodash["default"])(theme.yoga.colors, color, color),
+    size: (0, _lodash["default"])(theme.yoga.spacing, size, size),
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "spinner"
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "circular",
+    viewBox: "22 22 44 44"
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "path",
+    fill: "none",
+    strokeWidth: "3.6",
+    cx: "44",
+    cy: "44",
+    r: "20.2"
+  }))));
+});
+
+var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
+Spinner.propTypes = {
+  size: (0, _propTypes.oneOfType)([(0, _propTypes.oneOf)(commonSizes), _propTypes.string, _propTypes.number]),
+  color: _propTypes.string
+};
+Spinner.defaultProps = {
+  size: 'medium',
+  color: 'primary'
+};
+
+var _default = (0, _styledComponents.withTheme)(Spinner);
+
+exports["default"] = _default;

package/cjs/Spinner/web/index.js

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

package/cjs/Theme/theme/theme.js

@@ -71,6 +71,8 @@ var _SliderTheme = _interopRequireDefault(require("./../../Slider/Slider.theme.j
 
 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"));
@@ -117,6 +119,7 @@ var componentThemes = {
   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"],

package/cjs/index.js

@@ -155,6 +155,10 @@ var _Popover = _interopRequireDefault(require("./Popover"));
 
 exports.Popover = _Popover["default"];
 
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+
+exports.Spinner = _Spinner["default"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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); }

package/esm/Spinner/Spinner.theme.js

@@ -0,0 +1,5 @@
+var Spinner = function Spinner() {
+  return {};
+};
+
+export default Spinner;

package/esm/Spinner/index.js

@@ -0,0 +1,2 @@
+import Spinner from './web';
+export default Spinner;

package/esm/Spinner/web/Spinner.js

@@ -0,0 +1,45 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import React from 'react';
+import styled, { withTheme } from 'styled-components';
+import { oneOf, string, oneOfType, number } from 'prop-types';
+import get from 'lodash.get';
+var StyledSpinner = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+      size = _ref.size;
+  return "\n    .spinner {\n      display: inline-block;\n      width: " + size + "px;\n      height: " + size + "px;\n      color: " + color + ";\n      animation: 1.4s linear 0s infinite normal none running rotation;\n    }\n\n    .circular {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    .path {\n      stroke-dasharray: 80px, 200px;\n      stroke-dashoffset: 0;\n      -webkit-animation: 1.4s ease-in-out 0s infinite normal none running dash;\n      animation: 1.6s ease-in-out 0s infinite normal none running dash;\n      stroke-linecap: round;\n      stroke: " + color + ";\n    }\n\n    @keyframes rotation {\n      0% {\n          transform: rotate(0deg);\n      }\n      100% {\n          transform: rotate(360deg);\n      }\n    }\n\n    @keyframes dash {\n      0% {\n        stroke-dasharray: 1px, 200px;\n        stroke-dashoffset: 0;\n      }\n      50% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -15px;\n      }\n      100% {\n        stroke-dasharray: 100px, 200px;\n        stroke-dashoffset: -125px;\n      }\n    }\n  ";
+});
+var Spinner = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var size = _ref2.size,
+      color = _ref2.color,
+      theme = _ref2.theme;
+  return /*#__PURE__*/React.createElement(StyledSpinner, {
+    color: get(theme.yoga.colors, color, color),
+    size: get(theme.yoga.spacing, size, size),
+    ref: ref
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "spinner"
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "circular",
+    viewBox: "22 22 44 44"
+  }, /*#__PURE__*/React.createElement("circle", {
+    className: "path",
+    fill: "none",
+    strokeWidth: "3.6",
+    cx: "44",
+    cy: "44",
+    r: "20.2"
+  }))));
+});
+var commonSizes = ['xxxsmall', 'xxsmall', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge', 'huge', 'xhuge'];
+Spinner.propTypes = {
+  size: oneOfType([oneOf(commonSizes), string, number]),
+  color: string
+};
+Spinner.defaultProps = {
+  size: 'medium',
+  color: 'primary'
+};
+export default withTheme(Spinner);

package/esm/Spinner/web/Spinner.test.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { ThemeProvider, Spinner } from '../..';
+describe('<Spinner />', function () {
+  it('should match snapshot', function () {
+    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Spinner, {
+      size: "xxxlarge",
+      color: "light"
+    }))),
+        container = _render.container;
+
+    expect(container).toMatchSnapshot();
+  });
+});

package/esm/Spinner/web/index.js

@@ -0,0 +1,2 @@
+import Spinner from './Spinner';
+export default Spinner;

package/esm/Theme/theme/theme.js

@@ -35,6 +35,7 @@ import _componentThemes_Result$Result from "./../../Result/Result.theme.js";
 import _componentThemes_Skeleton$Skeleton from "./../../Skeleton/Skeleton.theme.js";
 import _componentThemes_Slider$Slider from "./../../Slider/Slider.theme.js";
 import _componentThemes_Snackbar$Snackbar from "./../../Snackbar/Snackbar.theme.js";
+import _componentThemes_Spinner$Spinner from "./../../Spinner/Spinner.theme.js";
 import _componentThemes_Stepper$Stepper from "./../../Stepper/Stepper.theme.js";
 import _componentThemes_Tag$Tag from "./../../Tag/Tag.theme.js";
 import _componentThemes_Text$Text from "./../../Text/Text.theme.js";
@@ -73,6 +74,7 @@ var componentThemes = {
   Skeleton$Skeleton: _componentThemes_Skeleton$Skeleton,
   Slider$Slider: _componentThemes_Slider$Slider,
   Snackbar$Snackbar: _componentThemes_Snackbar$Snackbar,
+  Spinner$Spinner: _componentThemes_Spinner$Spinner,
   Stepper$Stepper: _componentThemes_Stepper$Stepper,
   Tag$Tag: _componentThemes_Tag$Tag,
   Text$Text: _componentThemes_Text$Text,

package/esm/index.js

@@ -34,4 +34,5 @@ import Drawer from './Drawer';
 import Skeleton from './Skeleton';
 import ActionRequirement from './ActionRequirement';
 import Popover from './Popover';
-export { Accordion, ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton, ActionRequirement, Popover };
+import Spinner from './Spinner';
+export { Accordion, ThemeProvider, FontLoader, createTheme, yogaTheme, theme, Button, List, Checkbox, RadioGroup, Slider, Card, PlanCard, Stepper, Container, Row, Col, Hide, Text, Rating, EventCard, Tag, Input, Progress, Dropdown, TextArea, AutoComplete, Icon, Chips, Box, Snackbar, Avatar, BottomSheet, Dialog, Divider, Header, Menu, Banner, Heading, Feedback, Datepicker, Drawer, Skeleton, ActionRequirement, Popover, Spinner };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.85.1",
+  "version": "7.86.0",
   "description": "Gympass component library",
-  "main": "./cjs/index.js",
+  "main": "./cjs",
   "sideEffects": false,
   "keywords": [
     "Gympass",
@@ -55,15 +55,9 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "1a50326ecfc9f46daaea45a46c6adcce3d98431a",
-  "module": "./esm/index.js",
+  "gitHead": "f9fc54de778b4b2a2fecb1c95bcc79c05629490b",
+  "module": "./esm",
   "types": "./typings/index.d.ts",
   "private": false,
-  "exports": {
-    ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js"
-    }
-  },
   "react-native": "./cjs/index.native.js"
 }