@gympass/yoga 7.87.0 → 7.88.0

package/cjs/Snackbar/native/Snackbar.test.js

@@ -0,0 +1,129 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("@testing-library/react-native");
+var RN = __toESM(require("react-native"));
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import__ = require("../..");
+var import_Button = __toESM(require("../../Button"));
+RN.Animated.spring = jest.fn().mockReturnValue({
+  start: jest.fn()
+});
+const Component = (overrideProps) => {
+  const snackbarRef = (0, import_react.useRef)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import__.ThemeProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Button.default,
+      {
+        full: true,
+        small: true,
+        onPress: () => {
+          snackbarRef.current.open();
+        },
+        children: "Tap to open snackbar"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.Snackbar,
+      __spreadValues({
+        ref: snackbarRef,
+        message: "Feedback Message"
+      }, overrideProps)
+    )
+  ] });
+};
+describe("<Snackbar />", () => {
+  it("should match snapshot when snackbar is default", () => {
+    const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {}));
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot when have an icon and action", () => {
+    const overrideProps = {
+      icon: import_yoga_icons.CheckedFull,
+      actionLabel: "Action",
+      onAction: () => {
+      }
+    };
+    const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, overrideProps)));
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot when have a long text", () => {
+    const overrideProps = {
+      message: "Lorem Ipsum is simply dummy text of the printing and types.",
+      icon: import_yoga_icons.CheckedFull,
+      actionLabel: "Action",
+      onAction: () => {
+      }
+    };
+    const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, overrideProps)));
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should match snapshot when have a variant informative or attention prop", () => {
+    const overrideProps = {
+      variant: "informative"
+    };
+    const { toJSON } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, overrideProps)));
+    expect(toJSON()).toMatchSnapshot();
+  });
+  it("should show and hide snackbar when the open and close Animation function is called", () => {
+    const overrideProps = {
+      onSnackbarClose: jest.fn(),
+      actionLabel: "Action",
+      onAction: jest.fn()
+    };
+    const { getByText, getByTestId } = (0, import_react_native.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, overrideProps)));
+    (0, import_react_native.fireEvent)(getByTestId("wrapper"), "layout", {
+      nativeEvent: {
+        layout: { height: 200 }
+      }
+    });
+    import_react_native.fireEvent.press(getByText("Tap to open snackbar"));
+    expect(RN.Animated.spring.mock.calls[0][1]).toEqual({
+      toValue: 0,
+      bounciness: 0,
+      useNativeDriver: true
+    });
+    import_react_native.fireEvent.press(getByText("Action"));
+    expect(RN.Animated.spring.mock.calls[1][1]).toEqual({
+      toValue: 200,
+      bounciness: 0,
+      useNativeDriver: true
+    });
+  });
+});

package/cjs/Snackbar/native/SnackbarAnimationWrapper.js

@@ -1 +1,138 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _propTypes=require("prop-types");var _styledComponents=_interopRequireDefault(require("styled-components"));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;}var durationDictionary={fast:4000,"default":8000,slow:10000,indefinite:-1};var Wrapper=(0,_styledComponents["default"])(_reactNative.Animated.View)(function(){return"\n    position: absolute;\n    width: 100%;\n    bottom: 0px;\n  ";});var SnackbarAnimationWrapper=(0,_react.forwardRef)(function(_ref,ref){var onSnackbarClose=_ref.onSnackbarClose,children=_ref.children,duration=_ref.duration;var _useWindowDimensions=(0,_reactNative.useWindowDimensions)(),windowHeight=_useWindowDimensions.height;var _useState=(0,_react.useState)(),_useState2=(0,_slicedToArray2["default"])(_useState,2),childrenHeight=_useState2[0],setChildrenHeight=_useState2[1];var _translateY=(0,_react.useRef)(new _reactNative.Animated.Value(windowHeight)).current;var timeoutRef=(0,_react.useRef)();var childrenRef=(0,_react.useRef)();var openAnimation=function openAnimation(){_reactNative.Animated.spring(_translateY,{toValue:0,bounciness:0,useNativeDriver:true}).start();};var closeAnimation=function closeAnimation(callback){if(childrenHeight){_reactNative.Animated.spring(_translateY,{toValue:childrenHeight,bounciness:0,useNativeDriver:true}).start(function(_ref2){var finished=_ref2.finished;if(finished&&callback){callback();}});if(onSnackbarClose){onSnackbarClose();}}};var setupSnackbarTimeout=function setupSnackbarTimeout(){var timeoutDuration=durationDictionary[duration];var shouldCloseOnTimer=childrenHeight&&timeoutDuration>0;if(shouldCloseOnTimer){timeoutRef.current=setTimeout(function(){clearTimeout(timeoutRef.current);closeAnimation();},timeoutDuration);}};var openSnackbar=function openSnackbar(){openAnimation();setupSnackbarTimeout();};var closeSnackbar=function closeSnackbar(callback){clearTimeout(timeoutRef.current);closeAnimation(callback);};(0,_react.useImperativeHandle)(ref,function(){return{open:function open(){openSnackbar();},close:function close(callback){closeSnackbar(callback);},translateY:function translateY(dy){_translateY.setValue(dy);}};});(0,_react.useEffect)(function(){return function(){return clearTimeout(timeoutRef.current);};},[]);return _react["default"].createElement(Wrapper,{style:{zIndex:10,transform:[{translateY:_translateY}]}},_react["default"].createElement(_reactNative.View,{testID:"wrapper",ref:childrenRef,onLayout:function onLayout(_ref3){var height=_ref3.nativeEvent.layout.height;setChildrenHeight(height);_translateY.setValue(height);}},children));});SnackbarAnimationWrapper.propTypes={onSnackbarClose:_propTypes.func,children:_propTypes.node.isRequired,duration:(0,_propTypes.oneOf)(['fast','default','slow','indefinite']).isRequired};SnackbarAnimationWrapper.defaultProps={onSnackbarClose:undefined};var _default=SnackbarAnimationWrapper;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SnackbarAnimationWrapper_exports = {};
+__export(SnackbarAnimationWrapper_exports, {
+  default: () => SnackbarAnimationWrapper_default
+});
+module.exports = __toCommonJS(SnackbarAnimationWrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_prop_types = require("prop-types");
+var import_styled_components = __toESM(require("styled-components"));
+const durationDictionary = {
+  fast: 4e3,
+  default: 8e3,
+  slow: 1e4,
+  indefinite: -1
+};
+const Wrapper = (0, import_styled_components.default)(import_react_native.Animated.View)(
+  () => `
+    position: absolute;
+    width: 100%;
+    bottom: 0px;
+  `
+);
+const SnackbarAnimationWrapper = (0, import_react.forwardRef)(
+  ({ onSnackbarClose, children, duration }, ref) => {
+    const { height: windowHeight } = (0, import_react_native.useWindowDimensions)();
+    const [childrenHeight, setChildrenHeight] = (0, import_react.useState)();
+    const translateY = (0, import_react.useRef)(new import_react_native.Animated.Value(windowHeight)).current;
+    const timeoutRef = (0, import_react.useRef)();
+    const childrenRef = (0, import_react.useRef)();
+    const openAnimation = () => {
+      import_react_native.Animated.spring(translateY, {
+        toValue: 0,
+        bounciness: 0,
+        useNativeDriver: true
+      }).start();
+    };
+    const closeAnimation = (callback) => {
+      if (childrenHeight) {
+        import_react_native.Animated.spring(translateY, {
+          toValue: childrenHeight,
+          bounciness: 0,
+          useNativeDriver: true
+        }).start(({ finished }) => {
+          if (finished && callback) {
+            callback();
+          }
+        });
+        if (onSnackbarClose) {
+          onSnackbarClose();
+        }
+      }
+    };
+    const setupSnackbarTimeout = () => {
+      const timeoutDuration = durationDictionary[duration];
+      const shouldCloseOnTimer = childrenHeight && timeoutDuration > 0;
+      if (shouldCloseOnTimer) {
+        timeoutRef.current = setTimeout(() => {
+          clearTimeout(timeoutRef.current);
+          closeAnimation();
+        }, timeoutDuration);
+      }
+    };
+    const openSnackbar = () => {
+      openAnimation();
+      setupSnackbarTimeout();
+    };
+    const closeSnackbar = (callback) => {
+      clearTimeout(timeoutRef.current);
+      closeAnimation(callback);
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      open: () => {
+        openSnackbar();
+      },
+      close: (callback) => {
+        closeSnackbar(callback);
+      },
+      translateY: (dy) => {
+        translateY.setValue(dy);
+      }
+    }));
+    (0, import_react.useEffect)(() => () => clearTimeout(timeoutRef.current), []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { style: { zIndex: 10, transform: [{ translateY }] }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.View,
+      {
+        testID: "wrapper",
+        ref: childrenRef,
+        onLayout: ({
+          nativeEvent: {
+            layout: { height }
+          }
+        }) => {
+          setChildrenHeight(height);
+          translateY.setValue(height);
+        },
+        children
+      }
+    ) });
+  }
+);
+SnackbarAnimationWrapper.propTypes = {
+  onSnackbarClose: import_prop_types.func,
+  children: import_prop_types.node.isRequired,
+  duration: (0, import_prop_types.oneOf)(["fast", "default", "slow", "indefinite"]).isRequired
+};
+SnackbarAnimationWrapper.defaultProps = {
+  onSnackbarClose: void 0
+};
+var SnackbarAnimationWrapper_default = SnackbarAnimationWrapper;

package/cjs/Snackbar/native/index.js

@@ -1 +1,35 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _Snackbar=_interopRequireDefault(require("./Snackbar"));var _default=_Snackbar["default"];exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var native_exports = {};
+__export(native_exports, {
+  default: () => native_default
+});
+module.exports = __toCommonJS(native_exports);
+var import_Snackbar = __toESM(require("./Snackbar"));
+var native_default = import_Snackbar.default;