@gympass/yoga 7.87.1 → 7.88.0

package/esm/Dropdown/web/Dropdown.test.js

@@ -1,93 +1,93 @@
-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); }
-
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { ThemeProvider, Dropdown } from '../..';
-var dropdownProps = {
-  label: 'Find an activity to love',
-  options: [{
-    label: 'Yoga',
-    value: 'yoga'
-  }, {
-    label: 'Crossfit',
-    value: 'crossfit'
-  }, {
-    label: 'Tenis',
-    value: 'tenis'
-  }, {
-    label: 'Soccer',
-    value: 'soccer'
-  }, {
-    label: 'Pilates',
-    value: 'pilates'
-  }, {
-    label: 'Run',
-    value: 'running'
-  }]
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-describe('<Dropdown />', function () {
-  it('should match snapshot', function () {
-    var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, dropdownProps))),
-        container = _render.container;
-
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { render, screen, fireEvent } from "@testing-library/react";
+import { ThemeProvider, Dropdown } from "../..";
+const dropdownProps = {
+  label: "Find an activity to love",
+  options: [
+    { label: "Yoga", value: "yoga" },
+    { label: "Crossfit", value: "crossfit" },
+    { label: "Tenis", value: "tenis" },
+    { label: "Soccer", value: "soccer" },
+    { label: "Pilates", value: "pilates" },
+    { label: "Run", value: "running" }
+  ]
+};
+describe("<Dropdown />", () => {
+  it("should match snapshot", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadValues({}, dropdownProps)) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot when disabled', function () {
-    var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
-      disabled: true
-    })))),
-        container = _render2.container;
-
+  it("should match snapshot when disabled", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadProps(__spreadValues({}, dropdownProps), { disabled: true })) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot when full', function () {
-    var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
-      full: true
-    })))),
-        container = _render3.container;
-
+  it("should match snapshot when full", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadProps(__spreadValues({}, dropdownProps), { full: true })) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot when has a selected value', function () {
-    var selectedOption = {
-      label: 'Swimming',
-      value: 'swimming',
+  it("should match snapshot when has a selected value", () => {
+    const selectedOption = {
+      label: "Swimming",
+      value: "swimming",
       selected: true
     };
-    var props = dropdownProps;
+    const props = dropdownProps;
     props.options.push(selectedOption);
-
-    var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({}, props, {
-      disabled: true
-    })))),
-        container = _render4.container;
-
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadProps(__spreadValues({}, props), { disabled: true })) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should match snapshot with error', function () {
-    var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, _extends({}, dropdownProps, {
-      error: "Please, select one activity"
-    })))),
-        container = _render5.container;
-
+  it("should match snapshot with error", () => {
+    const { container } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadProps(__spreadValues({}, dropdownProps), { error: "Please, select one activity" })) })
+    );
     expect(container).toMatchSnapshot();
   });
-  it('should make label visible when open dropdown', function () {
-    var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, dropdownProps))),
-        getByRole = _render6.getByRole;
-
-    fireEvent.click(getByRole('button'));
-    screen.getAllByText('Find an activity to love');
+  it("should make label visible when open dropdown", () => {
+    const { getByRole } = render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadValues({}, dropdownProps)) })
+    );
+    fireEvent.click(getByRole("button"));
+    screen.getAllByText("Find an activity to love");
   });
-  it('should make label visible when has a selected option', function () {
-    var selectedOption = {
-      label: 'Swimming',
-      value: 'swimming',
+  it("should make label visible when has a selected option", () => {
+    const selectedOption = {
+      label: "Swimming",
+      value: "swimming",
       selected: true
     };
-    var props = dropdownProps;
+    const props = dropdownProps;
     props.options.push(selectedOption);
-    render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Dropdown, props)));
-    screen.getAllByText('Find an activity to love');
+    render(
+      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Dropdown, __spreadValues({}, props)) })
+    );
+    screen.getAllByText("Find an activity to love");
   });
-});
+});

package/esm/Dropdown/web/index.js

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

package/esm/Feedback/web/Feedback.js

@@ -1,91 +1,131 @@
-var _excluded = ["variant", "title", "description", "children", "center"];
-
-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 _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; }
-
-import { arrayOf, node, oneOf, oneOfType, string, bool } from 'prop-types';
-import React from 'react';
-import { CheckedFull, Info, AlertTriangle } from '@gympass/yoga-icons';
-import Icon from '../../Icon';
-import Box from '../../Box';
-import Text from '../../Text';
-import { Actions, Content, Title, PrimaryButton, SecondaryButton, TextContainer } from './StyledFeedback';
-var ICON_SIZE = 64;
-var VARIANT_ICONS = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { arrayOf, node, oneOf, oneOfType, string, bool } from "prop-types";
+import React from "react";
+import { CheckedFull, Info, AlertTriangle } from "@gympass/yoga-icons";
+import Icon from "../../Icon";
+import Box from "../../Box";
+import Text from "../../Text";
+import {
+  Actions,
+  Content,
+  Title,
+  PrimaryButton,
+  SecondaryButton,
+  TextContainer
+} from "./StyledFeedback";
+const ICON_SIZE = 64;
+const VARIANT_ICONS = {
   success: {
     as: CheckedFull,
-    fill: 'hope'
+    fill: "hope"
   },
   informative: {
     as: Info,
-    fill: 'relax'
+    fill: "relax"
   },
   attention: {
     as: AlertTriangle,
-    fill: 'brandingVerve'
+    fill: "brandingVerve"
   }
 };
-
 function isChildFromComponent(child, component) {
   return child.type.displayName === component.displayName;
 }
-
-function Feedback(_ref) {
-  var variant = _ref.variant,
-      title = _ref.title,
-      description = _ref.description,
-      children = _ref.children,
-      center = _ref.center,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  var iconProps = VARIANT_ICONS[variant];
-  var primaryButton;
-  var secondaryButton;
-  var titleElement = /*#__PURE__*/React.createElement(Title, null, title);
-
+function Feedback(_a) {
+  var _b = _a, { variant, title, description, children, center } = _b, props = __objRest(_b, ["variant", "title", "description", "children", "center"]);
+  const iconProps = VARIANT_ICONS[variant];
+  let primaryButton;
+  let secondaryButton;
+  let titleElement = /* @__PURE__ */ jsx(Title, { children: title });
   function defineCompoundComponents() {
-    React.Children.forEach(children, function (child) {
-      if (isChildFromComponent(child, PrimaryButton)) primaryButton = child;
-      if (isChildFromComponent(child, SecondaryButton)) secondaryButton = child;
-      if (isChildFromComponent(child, Title)) titleElement = child;
+    React.Children.forEach(children, (child) => {
+      if (isChildFromComponent(child, PrimaryButton))
+        primaryButton = child;
+      if (isChildFromComponent(child, SecondaryButton))
+        secondaryButton = child;
+      if (isChildFromComponent(child, Title))
+        titleElement = child;
     });
   }
-
   defineCompoundComponents();
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    display: "flex",
-    alignItems: "flex-end",
-    bg: "white",
-    width: "100%"
-  }, center && {
-    ph: 'medium',
-    pv: 'xxlarge',
-    minHeight: '100%'
-  }), /*#__PURE__*/React.createElement(Content, props, /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-    size: ICON_SIZE,
-    mb: "large",
-    "data-testid": "feedback-icon"
-  })), /*#__PURE__*/React.createElement(TextContainer, null, titleElement, /*#__PURE__*/React.createElement(Text, {
-    mt: "small",
-    color: "deep"
-  }, description)), /*#__PURE__*/React.createElement(Actions, {
-    mt: "xxxlarge"
-  }, primaryButton, secondaryButton)));
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      display: "flex",
+      alignItems: "flex-end",
+      bg: "white",
+      width: "100%"
+    }, center && {
+      ph: "medium",
+      pv: "xxlarge",
+      minHeight: "100%"
+    }), {
+      children: /* @__PURE__ */ jsxs(Content, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          __spreadProps(__spreadValues({}, iconProps), {
+            size: ICON_SIZE,
+            mb: "large",
+            "data-testid": "feedback-icon"
+          })
+        ),
+        /* @__PURE__ */ jsxs(TextContainer, { children: [
+          titleElement,
+          /* @__PURE__ */ jsx(Text, { mt: "small", color: "deep", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs(Actions, { mt: "xxxlarge", children: [
+          primaryButton,
+          secondaryButton
+        ] })
+      ] }))
+    })
+  );
 }
-
 Feedback.propTypes = {
   variant: oneOf(Object.keys(VARIANT_ICONS)).isRequired,
   title: string,
   description: string.isRequired,
   children: oneOfType([arrayOf(node), node]),
-
   /** Center the component vertically */
   center: bool
 };
 Feedback.defaultProps = {
-  title: undefined,
-  children: undefined,
+  title: void 0,
+  children: void 0,
   center: true
 };
-export default Feedback;
+var Feedback_default = Feedback;
+export {
+  Feedback_default as default
+};

package/esm/Feedback/web/Feedback.test.js

@@ -1,94 +1,73 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { ThemeProvider, Feedback } from '../..';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render } from "@testing-library/react";
+import { ThemeProvider, Feedback } from "../..";
 function renderWithTheme(ui) {
-  return render(ui, {
-    wrapper: ThemeProvider
-  });
+  return render(ui, { wrapper: ThemeProvider });
 }
-
-var title = 'Welcome to Yoga';
-var description = 'Enjoy your membership!';
-describe('<Feedback />', function () {
-  it('should render the title and description', function () {
-    var _renderWithTheme = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "success",
-      title: title,
-      description: description
-    })),
-        getByText = _renderWithTheme.getByText;
-
+const title = "Welcome to Yoga";
+const description = "Enjoy your membership!";
+describe("<Feedback />", () => {
+  it("should render the title and description", () => {
+    const { getByText } = renderWithTheme(
+      /* @__PURE__ */ jsx(Feedback, { variant: "success", title, description })
+    );
     expect(getByText(title)).toBeTruthy();
     expect(getByText(description)).toBeTruthy();
   });
-  it('should render the title children', function () {
-    var _renderWithTheme2 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "success",
-      description: "Enjoy your membership!"
-    }, /*#__PURE__*/React.createElement(Feedback.Title, {
-      as: "h1"
-    }, title))),
-        getByRole = _renderWithTheme2.getByRole;
-
-    expect(getByRole('heading', {
-      name: title
-    })).toBeTruthy();
+  it("should render the title children", () => {
+    const { getByRole } = renderWithTheme(
+      /* @__PURE__ */ jsx(Feedback, { variant: "success", description: "Enjoy your membership!", children: /* @__PURE__ */ jsx(Feedback.Title, { as: "h1", children: title }) })
+    );
+    expect(getByRole("heading", { name: title })).toBeTruthy();
   });
-  it('should render the buttons', function () {
-    var _renderWithTheme3 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "success",
-      title: title,
-      description: description
-    }, /*#__PURE__*/React.createElement(Feedback.PrimaryButton, null, "Ok"), /*#__PURE__*/React.createElement(Feedback.SecondaryButton, null, "Cancel"))),
-        getByRole = _renderWithTheme3.getByRole;
-
-    expect(getByRole('button', {
-      name: 'Ok'
-    })).toBeTruthy();
-    expect(getByRole('button', {
-      name: 'Cancel'
-    })).toBeTruthy();
+  it("should render the buttons", () => {
+    const { getByRole } = renderWithTheme(
+      /* @__PURE__ */ jsxs(Feedback, { variant: "success", title, description, children: [
+        /* @__PURE__ */ jsx(Feedback.PrimaryButton, { children: "Ok" }),
+        /* @__PURE__ */ jsx(Feedback.SecondaryButton, { children: "Cancel" })
+      ] })
+    );
+    expect(getByRole("button", { name: "Ok" })).toBeTruthy();
+    expect(getByRole("button", { name: "Cancel" })).toBeTruthy();
   });
-  it('should render correctly when not centered vertically', function () {
-    var _renderWithTheme4 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "success",
-      title: title,
-      description: description,
-      center: false
-    })),
-        baseElement = _renderWithTheme4.baseElement;
-
+  it("should render correctly when not centered vertically", () => {
+    const { baseElement } = renderWithTheme(
+      /* @__PURE__ */ jsx(
+        Feedback,
+        {
+          variant: "success",
+          title,
+          description,
+          center: false
+        }
+      )
+    );
     expect(baseElement).toMatchSnapshot();
   });
-  it('should render the icon for success variant', function () {
-    var _renderWithTheme5 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "success",
-      title: title,
-      description: description
-    })),
-        getByTestId = _renderWithTheme5.getByTestId;
-
-    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  it("should render the icon for success variant", () => {
+    const { getByTestId } = renderWithTheme(
+      /* @__PURE__ */ jsx(Feedback, { variant: "success", title, description })
+    );
+    expect(getByTestId("feedback-icon")).toMatchSnapshot();
   });
-  it('should render the icon for informative variant', function () {
-    var _renderWithTheme6 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "informative",
-      title: title,
-      description: description
-    })),
-        getByTestId = _renderWithTheme6.getByTestId;
-
-    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  it("should render the icon for informative variant", () => {
+    const { getByTestId } = renderWithTheme(
+      /* @__PURE__ */ jsx(
+        Feedback,
+        {
+          variant: "informative",
+          title,
+          description
+        }
+      )
+    );
+    expect(getByTestId("feedback-icon")).toMatchSnapshot();
   });
-  it('should render the icon for attention variant', function () {
-    var _renderWithTheme7 = renderWithTheme( /*#__PURE__*/React.createElement(Feedback, {
-      variant: "attention",
-      title: title,
-      description: description
-    })),
-        getByTestId = _renderWithTheme7.getByTestId;
-
-    expect(getByTestId('feedback-icon')).toMatchSnapshot();
+  it("should render the icon for attention variant", () => {
+    const { getByTestId } = renderWithTheme(
+      /* @__PURE__ */ jsx(Feedback, { variant: "attention", title, description })
+    );
+    expect(getByTestId("feedback-icon")).toMatchSnapshot();
   });
-});
+});