@gympass/yoga 7.127.2 → 7.127.4

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,22 @@ 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 = "",
+      onChange = noop,
+      cleanable = true
     } = _b, rest = __objRest(_b, [
       "defaultCountry",
       "disabled",
@@ -106,7 +109,8 @@ const Phone = import_react.default.forwardRef(
       "label",
       "placeholder",
       "value",
-      "onChange"
+      "onChange",
+      "cleanable"
     ]);
     const inputRef = (0, import_hooks.useCombinedRefs)(forwardedRef);
     const currentCountry = (0, import_react.useRef)(defaultCountry);
@@ -124,7 +128,8 @@ const Phone = import_react.default.forwardRef(
         error,
         full,
         helper,
-        value
+        value,
+        cleanable
       }, rest)), {
         ref: inputRef,
         label: "",
@@ -177,19 +182,4 @@ Phone.propTypes = {
   /** 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"
-};
 var Phone_default = Phone;

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);

package/cjs/Menu/web/MenuList.js

@@ -63,7 +63,14 @@ const StyledMenuList = (0, import_styled_components.default)(import_react_dropdo
 }}
 `;
 const MenuList = (0, import_react.forwardRef)(
-  ({ children, align, alignOffset, side, sideOffset, zIndex }, ref) => {
+  ({
+    children,
+    align = "start",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4,
+    zIndex = "auto"
+  }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       StyledMenuList,
       {
@@ -92,12 +99,5 @@ MenuList.propTypes = {
   /** Add z-index value to Menu.List. Set to 'auto' by default */
   zIndex: import_prop_types.string || import_prop_types.number
 };
-MenuList.defaultProps = {
-  align: "start",
-  alignOffset: 0,
-  side: "bottom",
-  sideOffset: 4,
-  zIndex: "auto"
-};
 MenuList.displayName = "Menu.List";
 var MenuList_default = MenuList;

package/cjs/Popover/web/Popover.js

@@ -72,12 +72,12 @@ const Popover = import_react.default.forwardRef(
       children,
       title,
       description,
-      position,
-      width,
-      height,
-      zIndex,
+      position = "bottom-center",
+      width = 265,
+      height = 200,
+      zIndex = 1,
       a11yId,
-      hover
+      hover = false
     } = _b, props = __objRest(_b, [
       "children",
       "title",
@@ -165,13 +165,4 @@ Popover.propTypes = {
   zIndex: import_prop_types.number,
   hover: import_prop_types.bool
 };
-Popover.defaultProps = {
-  a11yId: void 0,
-  title: void 0,
-  position: "bottom-center",
-  width: 265,
-  height: 200,
-  zIndex: 1,
-  hover: false
-};
 var Popover_default = Popover;