@gympass/yoga 7.127.3 → 7.128.0

package/cjs/Datepicker/web/Datepicker.js

@@ -215,22 +215,22 @@ const toUTC = (date) => {
 };
 function Datepicker(_c) {
   var _d = _c, {
-    fullWidth,
+    fullWidth = false,
     type,
     placeholder,
     startDate,
     endDate,
     onSelectSingle,
-    disabled,
+    disabled = false,
     onSelectRange,
     customOnSelectRange,
-    disablePastDates,
-    disableFutureDates,
+    disablePastDates = false,
+    disableFutureDates = false,
     disablePastFrom,
     disableFutureFrom,
     error,
     onOpen,
-    displayEndDateOnly
+    displayEndDateOnly = false
   } = _d, props = __objRest(_d, [
     "fullWidth",
     "type",
@@ -389,23 +389,6 @@ Datepicker.propTypes = {
   onOpen: import_prop_types.func,
   displayEndDateOnly: import_prop_types.bool
 };
-Datepicker.defaultProps = {
-  fullWidth: false,
-  placeholder: void 0,
-  startDate: void 0,
-  endDate: void 0,
-  disabled: false,
-  onSelectSingle: void 0,
-  onSelectRange: void 0,
-  customOnSelectRange: void 0,
-  disablePastDates: false,
-  disableFutureDates: false,
-  disablePastFrom: void 0,
-  disableFutureFrom: void 0,
-  error: void 0,
-  onOpen: void 0,
-  displayEndDateOnly: false
-};
 var Datepicker_default = Datepicker;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/Dialog/web/Dialog.js

@@ -136,12 +136,12 @@ const CloseButton = (0, import_styled_components.default)(import__.Button.Icon)`
 const Dialog = import_react.default.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, {
-      isOpen,
-      hideCloseButton,
+      isOpen = false,
+      hideCloseButton = false,
       children,
       dialogId,
       onClose,
-      zIndex,
+      zIndex = 3,
       closeLabel,
       className
     } = _b, props = __objRest(_b, [
@@ -236,15 +236,6 @@ Dialog.propTypes = {
   zIndex: import_prop_types.number,
   children: import_prop_types.node.isRequired
 };
-Dialog.defaultProps = {
-  isOpen: false,
-  hideCloseButton: false,
-  onClose: void 0,
-  closeLabel: void 0,
-  className: void 0,
-  zIndex: 3,
-  dialogId: void 0
-};
 Dialog.displayName = "Dialog";
 var Dialog_default = Dialog;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/Divider/web/Divider.js

@@ -78,17 +78,15 @@ const StyledDivider = import_styled_components.default.hr`
     `;
 }}
 `;
-const Divider = import_react.default.forwardRef((_a, ref) => {
-  var _b = _a, { vertical, style } = _b, props = __objRest(_b, ["vertical", "style"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDivider, __spreadValues({ vertical, ref, style }, props));
-});
+const Divider = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { vertical = false, style } = _b, props = __objRest(_b, ["vertical", "style"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDivider, __spreadValues({ vertical, ref, style }, props));
+  }
+);
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
   vertical: import_prop_types.bool,
   style: (0, import_prop_types.shape)({})
 };
-Divider.defaultProps = {
-  vertical: false,
-  style: void 0
-};
 var Divider_default = (0, import_styled_components.withTheme)(Divider);

package/cjs/Drawer/web/Drawer.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -79,12 +91,12 @@ const StyledDrawer = (0, import_styled_components.default)(import_Dialog.default
     }
   }
 `;
-const Drawer = import_react.default.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDrawer, __spreadProps(__spreadValues({}, props), { ref: forwardedRef })));
+const Drawer = import_react.default.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { zIndex = 3 } = _b, rest = __objRest(_b, ["zIndex"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledDrawer, __spreadProps(__spreadValues({}, rest), { zIndex, ref: forwardedRef }));
+});
 Drawer.propTypes = {
   children: import_prop_types.node.isRequired,
   zIndex: import_prop_types.number
 };
-Drawer.defaultProps = {
-  zIndex: 3
-};
 var Drawer_default = Drawer;

package/cjs/Dropdown/web/Dropdown.js

@@ -80,7 +80,7 @@ const Wrapper = import_styled_components.default.div`
     position: relative;
     display: inline-block;
     vertical-align: top;
-    
+
     width: ${full ? "100%" : `${dropdown.width}px`};
   `}
 `;
@@ -278,9 +278,27 @@ const ArrowIcon = (0, import_styled_components.default)((_a) => {
     transform: rotate(${isOpen ? "180deg" : "0"});
   `}
 `;
+const noop = () => {
+};
 const Dropdown = import_react.default.forwardRef(
   (_c, ref) => {
-    var _d = _c, { error, label, disabled, full, options, onChange, isMaxHeight } = _d, rest = __objRest(_d, ["error", "label", "disabled", "full", "options", "onChange", "isMaxHeight"]);
+    var _d = _c, {
+      error,
+      label = "",
+      disabled = false,
+      full = false,
+      options,
+      onChange = noop,
+      isMaxHeight = true
+    } = _d, rest = __objRest(_d, [
+      "error",
+      "label",
+      "disabled",
+      "full",
+      "options",
+      "onChange",
+      "isMaxHeight"
+    ]);
     const inputRef = ref || import_react.default.useRef(null);
     const selectedOption = options.find((item) => item.selected === true);
     const [localSelectedItem, setLocalSelectedItem] = (0, import_react.useState)(selectedOption);
@@ -393,13 +411,4 @@ Dropdown.propTypes = {
   onChange: import_prop_types.func,
   isMaxHeight: import_prop_types.bool
 };
-Dropdown.defaultProps = {
-  label: "",
-  error: void 0,
-  full: false,
-  disabled: false,
-  onChange: () => {
-  },
-  isMaxHeight: true
-};
 var Dropdown_default = Dropdown;

package/cjs/Feedback/web/Feedback.js

@@ -87,7 +87,19 @@ function isChildFromComponent(child, component) {
   return child.type.displayName === component.displayName;
 }
 function Feedback(_a) {
-  var _b = _a, { variant, title, description, children, center } = _b, props = __objRest(_b, ["variant", "title", "description", "children", "center"]);
+  var _b = _a, {
+    variant,
+    title,
+    description,
+    children,
+    center = true
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "title",
+    "description",
+    "children",
+    "center"
+  ]);
   const iconProps = VARIANT_ICONS[variant];
   let primaryButton;
   let secondaryButton;
@@ -148,9 +160,4 @@ Feedback.propTypes = {
   /** Center the component vertically */
   center: import_prop_types.bool
 };
-Feedback.defaultProps = {
-  title: void 0,
-  children: void 0,
-  center: true
-};
 var Feedback_default = Feedback;

package/cjs/Grid/web/Col.js

@@ -80,23 +80,4 @@ Col.propTypes = {
   "xxl-start": import_prop_types.number,
   "xxxl-start": import_prop_types.number
 };
-Col.defaultProps = {
-  hide: void 0,
-  xxs: void 0,
-  xs: void 0,
-  sm: void 0,
-  md: void 0,
-  lg: void 0,
-  xl: void 0,
-  xxl: void 0,
-  xxxl: void 0,
-  "xxs-start": void 0,
-  "xs-start": void 0,
-  "sm-start": void 0,
-  "md-start": void 0,
-  "lg-start": void 0,
-  "xl-start": void 0,
-  "xxl-start": void 0,
-  "xxxl-start": void 0
-};
 var Col_default = Col;

package/cjs/Grid/web/Hide.js

@@ -36,8 +36,26 @@ var import_styled_components = __toESM(require("styled-components"));
 var import_yoga_tokens = __toESM(require("@gympass/yoga-tokens"));
 var import_yoga_helpers = require("@gympass/yoga-helpers");
 const { breakpoints } = import_yoga_tokens.default;
+const defaultProps = {
+  xxs: void 0,
+  xs: void 0,
+  sm: void 0,
+  md: void 0,
+  lg: void 0,
+  xl: void 0,
+  xxl: void 0,
+  xxxl: void 0,
+  "xxs-start": void 0,
+  "xs-start": void 0,
+  "sm-start": void 0,
+  "md-start": void 0,
+  "lg-start": void 0,
+  "xl-start": void 0,
+  "xxl-start": void 0,
+  "xxxl-start": void 0
+};
 const Hide = import_styled_components.default.div`
-  ${(props) => Object.keys(props).filter((prop) => props[prop] && Object.keys(breakpoints).includes(prop)).map((breakpoint) => import_yoga_helpers.media.hide[breakpoint])}
+  ${(props = defaultProps) => Object.keys(props).filter((prop) => props[prop] && Object.keys(breakpoints).includes(prop)).map((breakpoint) => import_yoga_helpers.media.hide[breakpoint])}
 
   ${(props) => Object.keys(props).filter((prop) => props[`${prop}-start`]).map((breakpoint) => import_yoga_helpers.media.hide[`${breakpoint}-start`])}
 `;

package/cjs/Header/web/Header.js

@@ -85,7 +85,7 @@ const StyledHeader = (0, import_styled_components.default)(import_Box.default)`
   `}
 `;
 const Header = (_a) => {
-  var _b = _a, { link, logo, children } = _b, props = __objRest(_b, ["link", "logo", "children"]);
+  var _b = _a, { link = null, logo = null, children = null } = _b, props = __objRest(_b, ["link", "logo", "children"]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     StyledHeader,
     __spreadProps(__spreadValues({
@@ -111,9 +111,4 @@ Header.propTypes = {
   /** Use logo to change headers image */
   logo: import_prop_types.elementType
 };
-Header.defaultProps = {
-  link: null,
-  children: null,
-  logo: null
-};
 var Header_default = Header;

package/cjs/Header/web/Logo.js

@@ -35,11 +35,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_prop_types = require("prop-types");
 var import_GympassLogo = __toESM(require("./GympassLogo"));
-const Logo = ({ customLogo: CustomLogo }) => CustomLogo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomLogo, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GympassLogo.default, {});
+const Logo = ({ customLogo: CustomLogo = null }) => CustomLogo ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomLogo, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GympassLogo.default, {});
 Logo.propTypes = {
   customLogo: import_prop_types.elementType
 };
-Logo.defaultProps = {
-  customLogo: null
-};
 var Logo_default = Logo;

package/cjs/Heading/web/Heading.js

@@ -69,7 +69,7 @@ var import_Title = __toESM(require("./Title"));
 var import_BackButton = __toESM(require("./BackButton"));
 var import_RightButton = __toESM(require("./RightButton"));
 const Heading = (_a) => {
-  var _b = _a, { children, noPadding } = _b, props = __objRest(_b, ["children", "noPadding"]);
+  var _b = _a, { children, noPadding = false } = _b, props = __objRest(_b, ["children", "noPadding"]);
   let backButton = null;
   let title = null;
   const rightButtons = [];
@@ -102,9 +102,4 @@ Heading.propTypes = {
   noPadding: import_prop_types.bool,
   bg: import_prop_types.default.string
 };
-Heading.defaultProps = {
-  children: void 0,
-  noPadding: false,
-  bg: void 0
-};
 var Heading_default = Heading;

package/cjs/Icon/Icon.js

@@ -69,7 +69,7 @@ var import_Box = __toESM(require("../Box"));
 const Icon = (_a) => {
   var _b = _a, {
     as: Component,
-    size,
+    size = 12,
     width = size,
     height = size,
     fill,
@@ -180,14 +180,4 @@ Icon.propTypes = {
    * Use it as one of theme.spacing tokens (xxsmall, small, medium...) */
   size: (0, import_prop_types.oneOfType)([(0, import_prop_types.oneOf)(commonSizes), import_prop_types.string, import_prop_types.number])
 };
-Icon.defaultProps = {
-  fill: void 0,
-  stroke: void 0,
-  title: void 0,
-  description: void 0,
-  ariaLabel: void 0,
-  width: void 0,
-  height: void 0,
-  size: 12
-};
 var Icon_default = (0, import_styled_components.withTheme)(Icon);

package/cjs/Input/web/Helper.js

@@ -111,15 +111,6 @@ Helper.propTypes = {
   hideMaxLength: import_prop_types.bool,
   a11yId: import_prop_types.string
 };
-Helper.defaultProps = {
-  disabled: void 0,
-  error: void 0,
-  helper: void 0,
-  maxLength: void 0,
-  length: void 0,
-  hideMaxLength: void 0,
-  a11yId: void 0
-};
 var Helper_default = Helper;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/Input/web/Input.js

@@ -133,28 +133,30 @@ const LeftElementWrapper = import_styled_components.default.div`
     transform: translateY(-50%);
   `}
 `;
+const noop = () => {
+};
 const Input = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      cleanable,
+      cleanable = true,
       children,
-      disabled,
+      disabled = false,
       error,
-      full,
+      full = false,
       helper,
       label,
       ariaLabel,
       maxLength,
-      readOnly,
+      readOnly = false,
       style,
-      value,
-      onChange,
-      onClean,
-      hideMaxLength,
+      value = "",
+      onChange = noop,
+      onClean = noop,
+      hideMaxLength = false,
       rightIcon,
       a11yId,
-      closeAriaLabel,
-      includeAriaAttributes,
+      closeAriaLabel = "Clear",
+      includeAriaAttributes = true,
       leftElement
     } = _b, props = __objRest(_b, [
       "cleanable",
@@ -321,30 +323,4 @@ Input.propTypes = {
   /** element on the left */
   leftElement: import_prop_types.node
 };
-Input.defaultProps = {
-  className: void 0,
-  children: void 0,
-  cleanable: true,
-  disabled: false,
-  error: void 0,
-  full: false,
-  helper: void 0,
-  label: void 0,
-  ariaLabel: void 0,
-  maxLength: void 0,
-  readOnly: false,
-  style: void 0,
-  value: "",
-  onChange: () => {
-  },
-  onClean: () => {
-  },
-  hideMaxLength: false,
-  placeholder: void 0,
-  rightIcon: void 0,
-  a11yId: void 0,
-  closeAriaLabel: "Clear",
-  includeAriaAttributes: true,
-  leftElement: void 0
-};
 var Input_default = Input;

package/cjs/Input/web/Password.js

@@ -131,10 +131,10 @@ const IconWrapper = import_styled_components.default.div`
 `;
 const Password = (_a) => {
   var _b = _a, {
-    disabled,
+    disabled = false,
     style,
     className,
-    full,
+    full = false,
     showPasswordAriaLabel,
     hidePasswordAriaLabel
   } = _b, props = __objRest(_b, [
@@ -195,12 +195,4 @@ Password.propTypes = {
   hidePasswordAriaLabel: import_prop_types.string,
   style: (0, import_prop_types.shape)({})
 };
-Password.defaultProps = {
-  className: void 0,
-  disabled: false,
-  full: false,
-  style: void 0,
-  showPasswordAriaLabel: void 0,
-  hidePasswordAriaLabel: void 0
-};
 var Password_default = Password;

package/cjs/Input/web/Phone.js

@@ -83,19 +83,23 @@ const phoneBaseSettings = {
     "ca"
   ]
 };
+const noop = () => {
+};
 const Phone = import_react.default.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, {
-      defaultCountry,
-      disabled,
-      readOnly,
+      defaultCountry = "br",
+      disabled = false,
+      readOnly = false,
       error,
-      full,
+      full = false,
       helper,
-      label,
-      placeholder,
-      value,
-      onChange
+      label = "",
+      placeholder = "+55 (11) 999999999",
+      value = "",
+      countries = phoneBaseSettings.onlyCountries,
+      onChange = noop,
+      cleanable = true
     } = _b, rest = __objRest(_b, [
       "defaultCountry",
       "disabled",
@@ -106,7 +110,9 @@ const Phone = import_react.default.forwardRef(
       "label",
       "placeholder",
       "value",
-      "onChange"
+      "countries",
+      "onChange",
+      "cleanable"
     ]);
     const inputRef = (0, import_hooks.useCombinedRefs)(forwardedRef);
     const currentCountry = (0, import_react.useRef)(defaultCountry);
@@ -116,6 +122,9 @@ const Phone = import_react.default.forwardRef(
         currentCountry.current = countryCode;
       }
     }, []);
+    const availableCountries = {
+      onlyCountries: (countries == null ? void 0 : countries.length) > 0 ? countries : phoneBaseSettings.onlyCountries
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Input.default,
       __spreadProps(__spreadValues({}, __spreadValues({
@@ -124,14 +133,15 @@ const Phone = import_react.default.forwardRef(
         error,
         full,
         helper,
-        value
+        value,
+        cleanable
       }, rest)), {
         ref: inputRef,
         label: "",
         onClean: (phoneNumber) => onChange(phoneNumber),
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(S.Container, { error, disabled, full, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_react_phone_input_2.default,
-          __spreadProps(__spreadValues({}, phoneBaseSettings), {
+          __spreadProps(__spreadValues({}, availableCountries), {
             ref: (phoneRef) => {
               inputRef.current = phoneRef == null ? void 0 : phoneRef.numberInputRef;
             },
@@ -175,21 +185,8 @@ Phone.propTypes = {
   /** callback invoked when value changes, either by typing of selecting a country */
   onChange: import_prop_types.func,
   /** placeholder to show when the input is cleared */
-  placeholder: import_prop_types.string
-};
-Phone.defaultProps = {
-  className: void 0,
-  cleanable: true,
-  defaultCountry: "br",
-  disabled: false,
-  error: void 0,
-  full: false,
-  helper: void 0,
-  label: "",
-  readOnly: false,
-  value: "",
-  onChange: () => {
-  },
-  placeholder: "+55 (11) 999999999"
+  placeholder: import_prop_types.string,
+  /** countries for mask field and dropdown, make sure to use ISO 3166-1 alpha-2 lowercase */
+  countries: import_prop_types.default.arrayOf(import_prop_types.string)
 };
 var Phone_default = Phone;

package/cjs/Input/web/Phone.test.js

@@ -98,6 +98,21 @@ describe("<Input.Phone />", () => {
         expect(getByDisplayValue(spec.expected)).toBeInTheDocument();
       });
     });
+    it(`Should only format and show countries numbers when props is given`, () => {
+      const USPhone = numbersFormats[1];
+      const { queryByDisplayValue } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Phone, { countries: ["br", "pt"], value: USPhone.base }) })
+      );
+      expect(queryByDisplayValue(USPhone.expected)).not.toBeInTheDocument();
+    });
+    it(`Should return all countries validation if countries equals to empty array`, () => {
+      const USPhone = numbersFormats[1];
+      const { getAllByRole } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Phone, { countries: [], value: USPhone.base }) })
+      );
+      import_react2.fireEvent.click(getAllByRole("button")[0]);
+      expect(getAllByRole("option").length).toBe(12);
+    });
     it("should prefix the phone number with newly selected country dial code", () => __async(exports, null, function* () {
       const { getByRole, getByText, getByDisplayValue } = (0, import_react2.render)(
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Input.Phone, { defaultCountry: "us" }) })

package/cjs/List/web/List.js

@@ -91,17 +91,15 @@ const StyledList = import_styled_components.default.ul`
     }
   `}
 `;
-const List = import_react.default.forwardRef((_a, ref) => {
-  var _b = _a, { horizontal, divided } = _b, rest = __objRest(_b, ["horizontal", "divided"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledList, __spreadValues({ horizontal, divided, ref }, rest));
-});
+const List = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { horizontal = false, divided = true } = _b, rest = __objRest(_b, ["horizontal", "divided"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledList, __spreadValues({ horizontal, divided, ref }, rest));
+  }
+);
 List.propTypes = {
   horizontal: import_prop_types.default.bool,
   divided: import_prop_types.default.bool
 };
-List.defaultProps = {
-  horizontal: false,
-  divided: true
-};
 List.displayName = "List";
 var List_default = List;

package/cjs/Menu/web/Menu.js

@@ -35,7 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 var import_prop_types = require("prop-types");
-const Menu = ({ children, onMouseHover }) => {
+const Menu = ({ children, onMouseHover = true }) => {
   const [isOpen, setIsOpen] = import_react.default.useState(false);
   function handleOpenMenu() {
     setIsOpen(!isOpen);
@@ -50,8 +50,5 @@ Menu.propTypes = {
   /** when mouse hover menu open as default is true */
   onMouseHover: import_prop_types.bool
 };
-Menu.defaultProps = {
-  onMouseHover: true
-};
 Menu.displayName = "Menu";
 var Menu_default = Menu;

package/cjs/Menu/web/MenuItem.js

@@ -129,8 +129,8 @@ const MenuItem = (0, import_react.forwardRef)(
     var _b = _a, {
       icon: Icon,
       href,
-      active,
-      disabled,
+      active = false,
+      disabled = false,
       iconColor,
       iconSize,
       children,
@@ -177,13 +177,5 @@ MenuItem.propTypes = {
   iconColor: import_prop_types.string,
   iconSize: import_prop_types.string
 };
-MenuItem.defaultProps = {
-  icon: void 0,
-  href: void 0,
-  disabled: false,
-  active: false,
-  iconColor: void 0,
-  iconSize: void 0
-};
 MenuItem.displayName = "Menu.Item";
 var MenuItem_default = (0, import_styled_components.withTheme)(MenuItem);