@gympass/yoga 7.87.0 → 7.88.0

package/cjs/Slider/web/Slider.test.js

@@ -0,0 +1,100 @@
+"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 __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_react2 = require("@testing-library/react");
+var import_Theme = __toESM(require("../../Theme"));
+var import_Slider = __toESM(require("./Slider"));
+describe("<Slider />", () => {
+  describe("Snapshots", () => {
+    describe("With one marker", () => {
+      it("should match snapshot with default Slider", () => {
+        const { container } = (0, import_react2.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, {}) })
+        );
+        expect(container).toMatchSnapshot();
+      });
+      it("should match snapshot with Slider with labels", () => {
+        const { container } = (0, import_react2.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, { minLabel: 0, maxLabel: 10 }) })
+        );
+        expect(container).toMatchSnapshot();
+      });
+      it("should match snapshot with Slider snapped", () => {
+        const { container } = (0, import_react2.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, { snapped: true }) })
+        );
+        expect(container).toMatchSnapshot();
+      });
+    });
+    describe("With two markers", () => {
+      it("should match snapshot", () => {
+        const { container } = (0, import_react2.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, { values: [3, 7] }) })
+        );
+        expect(container).toMatchSnapshot();
+      });
+      it("should match snapshot with Slider snapped", () => {
+        const { container } = (0, import_react2.render)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, { values: [3, 7], snapped: true }) })
+        );
+        expect(container).toMatchSnapshot();
+      });
+    });
+  });
+  describe("Labels", () => {
+    it("should render labels", () => {
+      const { getByText } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Slider.default, { maxLabel: "max", minLabel: "min" }) })
+      );
+      expect(getByText("max").textContent).toBe("max");
+      expect(getByText("min").textContent).toBe("min");
+    });
+  });
+  describe("Tooltip", () => {
+    it("should render tooltips", () => {
+      const { container, getByRole, getByText } = (0, import_react2.render)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Slider.default,
+          {
+            values: [0],
+            tooltip: [
+              {
+                ribbon: "ribbon",
+                title: "title",
+                description: "description",
+                visible: true
+              }
+            ]
+          }
+        ) })
+      );
+      import_react2.fireEvent.mouseDown(getByRole("slider"));
+      expect(getByText("ribbon")).toBeTruthy();
+      expect(getByText("title")).toBeTruthy();
+      expect(getByText("description")).toBeTruthy();
+      expect(container).toMatchSnapshot();
+    });
+  });
+});

package/cjs/Slider/web/Tooltip.js

@@ -1,90 +1,210 @@
 "use strict";
-
-exports.__esModule = true;
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("prop-types");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Text = _interopRequireDefault(require("../../Text"));
-
-var _excluded = ["data"];
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: 95px;\n  position: absolute;\n  bottom: 30px;\n  left: 6px;\n\n  transform: translateX(-50%);\n\n  ", "\n"])), function (_ref) {
-  var hasRibbon = _ref.hasRibbon,
-      slider = _ref.theme.yoga.components.slider;
-  return "\n    background-color: " + (hasRibbon ? slider.tooltip.ribbon.backgroundColor : slider.tooltip.backgroundColor) + ";\n    border-radius: " + slider.tooltip.radius + "px;\n    box-shadow: " + slider.tooltip.shadow + ";\n  ";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __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 });
+};
+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 Tooltip_exports = {};
+__export(Tooltip_exports, {
+  default: () => Tooltip_default
 });
-
+module.exports = __toCommonJS(Tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_prop_types = require("prop-types");
+var import_styled_components = __toESM(require("styled-components"));
+var import_Text = __toESM(require("../../Text"));
+const Wrapper = import_styled_components.default.div`
+  width: 95px;
+  position: absolute;
+  bottom: 30px;
+  left: 6px;
+
+  transform: translateX(-50%);
+
+  ${({
+  hasRibbon,
+  theme: {
+    yoga: {
+      components: { slider }
+    }
+  }
+}) => `
+    background-color: ${hasRibbon ? slider.tooltip.ribbon.backgroundColor : slider.tooltip.backgroundColor};
+    border-radius: ${slider.tooltip.radius}px;
+    box-shadow: ${slider.tooltip.shadow};
+  `}
+`;
 Wrapper.propTypes = {
-  hasRibbon: _propTypes.bool
+  hasRibbon: import_prop_types.bool
 };
 Wrapper.defaultProps = {
   hasRibbon: false
 };
-
-var Tip = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: 3;\n\n  ", "\n"])), function (_ref2) {
-  var slider = _ref2.theme.yoga.components.slider;
-  return "\n    background-color: " + slider.tooltip.backgroundColor + ";\n    border-radius: " + slider.tooltip.radius + "px;\n    padding: " + slider.tooltip.padding.top + "px " + slider.tooltip.padding.right + "px " + slider.tooltip.padding.bottom + "px " + slider.tooltip.padding.left + "px;\n  ";
-});
-
-var Arrow = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: -5px;\n  left: 50%;\n  z-index: 2;\n\n  width: 16px;\n  height: 16px;\n\n  border-radius: 3px;\n\n  transform: rotate(45deg) translateX(-50%);\n  transform-origin: left;\n\n  ", "\n"])), function (_ref3) {
-  var _ref3$theme$yoga$comp = _ref3.theme.yoga.components.slider.tooltip,
-      backgroundColor = _ref3$theme$yoga$comp.backgroundColor,
-      shadow = _ref3$theme$yoga$comp.shadow;
-  return "\n    background-color: " + backgroundColor + ";\n    box-shadow: " + shadow + ";\n  ";
-});
-
-var Ribbon = (0, _styledComponents["default"])(_Text["default"].Bold)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  text-align: center;\n  display: block;\n\n  ", "\n"])), function (_ref4) {
-  var slider = _ref4.theme.yoga.components.slider;
-  return "\n    padding: " + slider.tooltip.ribbon.padding.top + "px " + slider.tooltip.ribbon.padding.right + "px " + slider.tooltip.ribbon.padding.bottom + "px " + slider.tooltip.ribbon.padding.left + "px;\n\n    border-top-left-radius: " + slider.tooltip.ribbon.radius + "px;\n    border-top-right-radius: " + slider.tooltip.ribbon.radius + "px;\n    color: " + slider.tooltip.ribbon.font.color + ";\n\n    font-size: " + slider.tooltip.ribbon.font.size + "px;\n  ";
-});
-var Title = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  display: block;\n  text-align: center;\n  ", "\n"])), function (_ref5) {
-  var slider = _ref5.theme.yoga.components.slider;
-  return "\n    color: " + slider.tooltip.font.color + ";\n    font-weight: " + slider.tooltip.font.title.weight + ";\n  ";
-});
-var Description = (0, _styledComponents["default"])(_Text["default"].Small)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  display: block;\n  text-align: center;\n  ", "\n"])), function (_ref6) {
-  var slider = _ref6.theme.yoga.components.slider;
-  return "\n    color: " + slider.tooltip.font.color + ";\n    font-weight: " + slider.tooltip.font.description.weight + ";\n  ";
-});
-
-var Tooltip = function Tooltip(_ref7) {
-  var data = _ref7.data,
-      props = _objectWithoutPropertiesLoose(_ref7, _excluded);
-
-  return Object.keys(data).length ? /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
-    hasRibbon: Boolean(data.ribbon)
-  }, props), data.ribbon && /*#__PURE__*/_react["default"].createElement(Ribbon, {
-    as: "span"
-  }, data.ribbon), (data.title || data.description) && /*#__PURE__*/_react["default"].createElement(Tip, null, data.title && /*#__PURE__*/_react["default"].createElement(Title, {
-    as: "span"
-  }, data.title), data.description && /*#__PURE__*/_react["default"].createElement(Description, {
-    as: "span"
-  }, data.description)), /*#__PURE__*/_react["default"].createElement(Arrow, null)) : null;
+const Tip = import_styled_components.default.div`
+  position: relative;
+  z-index: 3;
+
+  ${({
+  theme: {
+    yoga: {
+      components: { slider }
+    }
+  }
+}) => `
+    background-color: ${slider.tooltip.backgroundColor};
+    border-radius: ${slider.tooltip.radius}px;
+    padding: ${slider.tooltip.padding.top}px ${slider.tooltip.padding.right}px ${slider.tooltip.padding.bottom}px ${slider.tooltip.padding.left}px;
+  `}
+`;
+const Arrow = import_styled_components.default.div`
+  position: absolute;
+  bottom: -5px;
+  left: 50%;
+  z-index: 2;
+
+  width: 16px;
+  height: 16px;
+
+  border-radius: 3px;
+
+  transform: rotate(45deg) translateX(-50%);
+  transform-origin: left;
+
+  ${({
+  theme: {
+    yoga: {
+      components: {
+        slider: {
+          tooltip: { backgroundColor, shadow }
+        }
+      }
+    }
+  }
+}) => `
+    background-color: ${backgroundColor};
+    box-shadow: ${shadow};
+  `}
+`;
+const Ribbon = (0, import_styled_components.default)(import_Text.default.Bold)`
+  position: relative;
+  text-align: center;
+  display: block;
+
+  ${({
+  theme: {
+    yoga: {
+      components: { slider }
+    }
+  }
+}) => `
+    padding: ${slider.tooltip.ribbon.padding.top}px ${slider.tooltip.ribbon.padding.right}px ${slider.tooltip.ribbon.padding.bottom}px ${slider.tooltip.ribbon.padding.left}px;
+
+    border-top-left-radius: ${slider.tooltip.ribbon.radius}px;
+    border-top-right-radius: ${slider.tooltip.ribbon.radius}px;
+    color: ${slider.tooltip.ribbon.font.color};
+
+    font-size: ${slider.tooltip.ribbon.font.size}px;
+  `}
+`;
+const Title = (0, import_styled_components.default)(import_Text.default.Small)`
+  display: block;
+  text-align: center;
+  ${({
+  theme: {
+    yoga: {
+      components: { slider }
+    }
+  }
+}) => `
+    color: ${slider.tooltip.font.color};
+    font-weight: ${slider.tooltip.font.title.weight};
+  `}
+`;
+const Description = (0, import_styled_components.default)(import_Text.default.Small)`
+  display: block;
+  text-align: center;
+  ${({
+  theme: {
+    yoga: {
+      components: { slider }
+    }
+  }
+}) => `
+    color: ${slider.tooltip.font.color};
+    font-weight: ${slider.tooltip.font.description.weight};
+  `}
+`;
+const Tooltip = (_a) => {
+  var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
+  return Object.keys(data).length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, __spreadProps(__spreadValues({ hasRibbon: Boolean(data.ribbon) }, props), { children: [
+    data.ribbon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { as: "span", children: data.ribbon }),
+    (data.title || data.description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tip, { children: [
+      data.title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { as: "span", children: data.title }),
+      data.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, { as: "span", children: data.description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})
+  ] })) : null;
 };
-
 Tooltip.propTypes = {
-  data: (0, _propTypes.shape)({
-    ribbon: _propTypes.string,
-    title: _propTypes.string,
-    description: _propTypes.string
+  data: (0, import_prop_types.shape)({
+    ribbon: import_prop_types.string,
+    title: import_prop_types.string,
+    description: import_prop_types.string
   })
 };
 Tooltip.defaultProps = {
   data: {}
 };
-var _default = Tooltip;
-exports["default"] = _default;
+var Tooltip_default = Tooltip;

package/cjs/Snackbar/native/Snackbar.js

@@ -1 +1,268 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _styledComponents=_interopRequireDefault(require("styled-components"));var _propTypes=require("prop-types");var _reactNative=require("react-native");var _Box=_interopRequireDefault(require("../../Box"));var _Button=_interopRequireDefault(require("../../Button"));var _Icon=_interopRequireDefault(require("../../Icon"));var _Text=_interopRequireDefault(require("../../Text"));var _SnackbarAnimationWrapper=_interopRequireDefault(require("./SnackbarAnimationWrapper"));var _excluded=["icon","message","actionLabel","onAction","variant","onSnackbarClose","duration","bottomOffset"];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;}var SWIPE_THRESHOLD=32;var SnackbarContainer=_styledComponents["default"].View(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2["default"])(["\n  ","\n"])),function(_ref){var bottomOffset=_ref.bottomOffset,variant=_ref.variant,_ref$theme$yoga=_ref.theme.yoga,feedback=_ref$theme$yoga.colors.feedback,_ref$theme$yoga$compo=_ref$theme$yoga.components.snackbar,padding=_ref$theme$yoga$compo.padding,margin=_ref$theme$yoga$compo.margin,_ref$theme$yoga$compo2=_ref$theme$yoga$compo.variant.color[variant],backgroundColor=_ref$theme$yoga$compo2===void 0?feedback.success.light:_ref$theme$yoga$compo2,border=_ref$theme$yoga$compo.border;return"\n    padding: "+padding.vertical+"px "+padding.horizontal+"px;\n    margin-horizontal: "+margin.horizontal+"px\n    margin-bottom: "+(margin.bottom+bottomOffset)+"px;\n    background-color: "+backgroundColor+";\n    border-radius: "+border.radius+"px;\n    flex-direction: row;\n    align-items: center;\n  ";});var Snackbar=(0,_react.forwardRef)(function(props,ref){var icon=props.icon,message=props.message,actionLabel=props.actionLabel,onAction=props.onAction,variant=props.variant,onSnackbarClose=props.onSnackbarClose,duration=props.duration,bottomOffset=props.bottomOffset,rest=(0,_objectWithoutProperties2["default"])(props,_excluded);var wrapperRef=(0,_react.useRef)();var _useState=(0,_react.useState)({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant}),_useState2=(0,_slicedToArray2["default"])(_useState,2),currentProps=_useState2[0],setCurrentProps=_useState2[1];(0,_react.useImperativeHandle)(ref,function(){return{open:function open(){wrapperRef.current.open();},close:function close(){wrapperRef.current.close();}};});(0,_react.useEffect)(function(){if(wrapperRef.current&&currentProps.message){wrapperRef.current.close(function(){setCurrentProps({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant});wrapperRef.current.open();});}else{setCurrentProps({icon:icon,message:message,actionLabel:actionLabel,onAction:onAction,variant:variant});}},[icon,message,actionLabel,onAction,variant]);var handlePanResponderRelease=function handlePanResponderRelease(_evt,gestureState){if(gestureState.dy>SWIPE_THRESHOLD){wrapperRef.current.close();}else{wrapperRef.current.open();}};var panResponder=_reactNative.PanResponder.create({onPanResponderMove:function onPanResponderMove(_,gestureState){if(gestureState.dy>0){wrapperRef.current.translateY(gestureState.dy);}},onPanResponderRelease:handlePanResponderRelease,onPanResponderTerminate:handlePanResponderRelease,onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return true;},onMoveShouldSetPanResponder:function onMoveShouldSetPanResponder(_,gestureState){return!(gestureState.dy<=2&&gestureState.dy>=-2);},onMoveShouldSetPanResponderCapture:function onMoveShouldSetPanResponderCapture(){return true;},onPanResponderTerminationRequest:function onPanResponderTerminationRequest(){return true;},onShouldBlockNativeResponder:function onShouldBlockNativeResponder(){return true;}});var handleOnAction=function handleOnAction(){wrapperRef.current.close();if(currentProps.onAction){currentProps.onAction();}};return _react["default"].createElement(_SnackbarAnimationWrapper["default"],{onSnackbarClose:onSnackbarClose,duration:duration,ref:wrapperRef},_react["default"].createElement(SnackbarContainer,(0,_extends2["default"])({variant:currentProps.variant,bottomOffset:bottomOffset},rest,panResponder.panHandlers),currentProps.icon&&_react["default"].createElement(_Icon["default"],{as:currentProps.icon,fill:"secondary",size:"large",marginRight:"xxsmall"}),_react["default"].createElement(_Text["default"],{flex:1,fontSize:"small",marginTop:"xxxsmall",marginBottom:"xxxsmall",numberOfLines:2},currentProps.message),currentProps.actionLabel&&_react["default"].createElement(_Box["default"],{as:_Button["default"].Text,small:true,secondary:true,marginLeft:"xxsmall",onPress:handleOnAction},currentProps.actionLabel)));});Snackbar.propTypes={variant:(0,_propTypes.oneOf)(['success','informative','attention']),icon:_propTypes.elementType,message:_propTypes.string,actionLabel:_propTypes.string,onAction:_propTypes.func,onSnackbarClose:_propTypes.func,duration:(0,_propTypes.oneOf)(['fast','default','slow','indefinite']),bottomOffset:_propTypes.number};Snackbar.defaultProps={variant:'success',icon:undefined,message:'',actionLabel:undefined,onAction:undefined,onSnackbarClose:undefined,duration:'default',bottomOffset:0};var _default=Snackbar;exports["default"]=_default;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __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 });
+};
+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 Snackbar_exports = {};
+__export(Snackbar_exports, {
+  default: () => Snackbar_default
+});
+module.exports = __toCommonJS(Snackbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = require("prop-types");
+var import_react_native = require("react-native");
+var import_Box = __toESM(require("../../Box"));
+var import_Button = __toESM(require("../../Button"));
+var import_Icon = __toESM(require("../../Icon"));
+var import_Text = __toESM(require("../../Text"));
+var import_SnackbarAnimationWrapper = __toESM(require("./SnackbarAnimationWrapper"));
+const SWIPE_THRESHOLD = 32;
+const SnackbarContainer = import_styled_components.default.View`
+  ${({
+  bottomOffset,
+  variant,
+  theme: {
+    yoga: {
+      colors: { feedback },
+      components: {
+        snackbar: {
+          padding,
+          margin,
+          variant: {
+            color: { [variant]: backgroundColor = feedback.success.light }
+          },
+          border
+        }
+      }
+    }
+  }
+}) => `
+    padding: ${padding.vertical}px ${padding.horizontal}px;
+    margin-horizontal: ${margin.horizontal}px
+    margin-bottom: ${margin.bottom + bottomOffset}px;
+    background-color: ${backgroundColor};
+    border-radius: ${border.radius}px;
+    flex-direction: row;
+    align-items: center;
+  `}
+`;
+const Snackbar = (0, import_react.forwardRef)((props, ref) => {
+  const _a = props, {
+    icon,
+    message,
+    actionLabel,
+    onAction,
+    variant,
+    onSnackbarClose,
+    duration,
+    bottomOffset
+  } = _a, rest = __objRest(_a, [
+    "icon",
+    "message",
+    "actionLabel",
+    "onAction",
+    "variant",
+    "onSnackbarClose",
+    "duration",
+    "bottomOffset"
+  ]);
+  const wrapperRef = (0, import_react.useRef)();
+  const [currentProps, setCurrentProps] = (0, import_react.useState)({
+    icon,
+    message,
+    actionLabel,
+    onAction,
+    variant
+  });
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    open: () => {
+      wrapperRef.current.open();
+    },
+    close: () => {
+      wrapperRef.current.close();
+    }
+  }));
+  (0, import_react.useEffect)(() => {
+    if (wrapperRef.current && currentProps.message) {
+      wrapperRef.current.close(() => {
+        setCurrentProps({
+          icon,
+          message,
+          actionLabel,
+          onAction,
+          variant
+        });
+        wrapperRef.current.open();
+      });
+    } else {
+      setCurrentProps({
+        icon,
+        message,
+        actionLabel,
+        onAction,
+        variant
+      });
+    }
+  }, [icon, message, actionLabel, onAction, variant]);
+  const handlePanResponderRelease = (_evt, gestureState) => {
+    if (gestureState.dy > SWIPE_THRESHOLD) {
+      wrapperRef.current.close();
+    } else {
+      wrapperRef.current.open();
+    }
+  };
+  const panResponder = import_react_native.PanResponder.create({
+    onPanResponderMove: (_, gestureState) => {
+      if (gestureState.dy > 0) {
+        wrapperRef.current.translateY(gestureState.dy);
+      }
+    },
+    onPanResponderRelease: handlePanResponderRelease,
+    onPanResponderTerminate: handlePanResponderRelease,
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_, gestureState) => {
+      return !(gestureState.dy <= 2 && gestureState.dy >= -2);
+    },
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderTerminationRequest: () => true,
+    onShouldBlockNativeResponder: () => true
+  });
+  const handleOnAction = () => {
+    wrapperRef.current.close();
+    if (currentProps.onAction) {
+      currentProps.onAction();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_SnackbarAnimationWrapper.default,
+    {
+      onSnackbarClose,
+      duration,
+      ref: wrapperRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        SnackbarContainer,
+        __spreadProps(__spreadValues(__spreadValues({
+          variant: currentProps.variant,
+          bottomOffset
+        }, rest), panResponder.panHandlers), {
+          children: [
+            currentProps.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Icon.default,
+              {
+                as: currentProps.icon,
+                fill: "secondary",
+                size: "large",
+                marginRight: "xxsmall"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Text.default,
+              {
+                flex: 1,
+                fontSize: "small",
+                marginTop: "xxxsmall",
+                marginBottom: "xxxsmall",
+                numberOfLines: 2,
+                children: currentProps.message
+              }
+            ),
+            currentProps.actionLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_Box.default,
+              {
+                as: import_Button.default.Text,
+                small: true,
+                secondary: true,
+                marginLeft: "xxsmall",
+                onPress: handleOnAction,
+                children: currentProps.actionLabel
+              }
+            )
+          ]
+        })
+      )
+    }
+  );
+});
+Snackbar.propTypes = {
+  /** The style variant change the color of the component, it may be "success", "informative" or "attention". */
+  variant: (0, import_prop_types.oneOf)(["success", "informative", "attention"]),
+  /** Can be any icon of yoga-icons. */
+  icon: import_prop_types.elementType,
+  /** The message shown when snackbar is opened. The maximum number of lines is two. */
+  message: import_prop_types.string,
+  /** Label for a custom action. */
+  actionLabel: import_prop_types.string,
+  /** Function for the custom action. The `actionLabel` becomes required when passing this function. */
+  onAction: import_prop_types.func,
+  /** Callback function triggered by the Snackbar close action. Can be used for events, for example. */
+  onSnackbarClose: import_prop_types.func,
+  /** The duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically). */
+  duration: (0, import_prop_types.oneOf)(["fast", "default", "slow", "indefinite"]),
+  /** Add extra margin to Snackbar. Can be useful for SafeAreaView or button cases. */
+  bottomOffset: import_prop_types.number
+};
+Snackbar.defaultProps = {
+  variant: "success",
+  icon: void 0,
+  message: "",
+  actionLabel: void 0,
+  onAction: void 0,
+  onSnackbarClose: void 0,
+  duration: "default",
+  bottomOffset: 0
+};
+var Snackbar_default = Snackbar;