contentoh-components-library 21.4.134 → 21.4.136

package/dist/components/atoms/InputText/index.js

@@ -1,66 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InputText = void 0;
-
-var _styles = require("./styles");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _material = require("@mui/material");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var InputText = function InputText(props) {
-  var id = props.id,
-      key = props.key,
-      className = props.className,
-      type = props.type,
-      transparent = props.transparent,
-      size = props.size,
-      borderType = props.borderType,
-      placeHolder = props.placeHolder,
-      multiline = props.multiline,
-      maxRows = props.maxRows,
-      minRows = props.minRows,
-      disabled = props.disabled,
-      text = props.text,
-      onChangeText = props.onChangeText,
-      onEnter = props.onEnter,
-      refInputText = props.refInputText;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-      id: id,
-      className: "container-inputText " + className,
-      borderType: borderType,
-      size: size,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
-        className: "inputText " + (["gray", "white", "black"].includes(type) ? type : "white") + (transparent ? " transparent" : " fill"),
-        multiline: multiline,
-        inputRef: refInputText,
-        disabled: disabled,
-        placeholder: placeHolder,
-        label: undefined,
-        minRows: minRows,
-        maxRows: maxRows,
-        variant: "outlined",
-        value: text,
-        onChange: function onChange(event) {
-          return onChangeText && onChangeText(event.target.value);
-        },
-        onKeyDown: function onKeyDown(event) {
-          if (event.key === "Enter" && !event.shiftKey) {
-            event.preventDefault();
-            onEnter && onEnter(event);
-          }
-        }
-      })
-    }, key)
-  });
-};
-
-exports.InputText = InputText;

package/dist/components/atoms/InputText/styles.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: fit-content;\n  min-width: min-content;\n  //border: 1px solid red;\n\n  .inputText {\n    width: 100%;\n    height: 100%;\n\n    // container interno del input o textarea\n    > div {\n      min-width: 0px;\n      font-family: ", ", sans-serif;\n      font-size: ", "px;\n      text-align: left;\n      color: #a2a2a2;\n      padding: ", ";\n      border-radius: ", ";\n\n      // input 1 linea\n      > input {\n        padding: 0px;\n      }\n\n      // borde\n      > fieldset {\n        border: ", ";\n        border-color: inherit;\n      }\n\n      &.Mui-focused {\n        > fieldset {\n          border-color: inherit;\n        }\n      }\n      &.Mui-disabled {\n        cursor: not-allowed;\n        * {\n          cursor: inherit;\n        }\n      }\n    }\n\n    &.fill {\n      &.gray > div {\n        background-color: #e8e5e5;\n        color: #262626;\n        border-color: #7b7979;\n      }\n      &.white > div {\n        background-color: white;\n        color: #e33aa9;\n        border-color: #e33aa9;\n      }\n    }\n\n    &.transparent {\n      > div {\n        background-color: transparent;\n      }\n\n      &.gray > div {\n        color: #a2a2a2;\n        border-color: #7b7979;\n      }\n      &.black > div {\n        color: #262626;\n        border-color: #7b7979;\n      }\n    }\n  }\n"])), _variables.FontFamily.RobotoRegular, function (_ref) {
-  var size = _ref.size;
-  return size ? size : "13";
-}, function (_ref2) {
-  var borderType = _ref2.borderType;
-  return ["rectangle", "oval"].includes(borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) ? "5px 10px" : "0px";
-}, function (_ref3) {
-  var borderType = _ref3.borderType;
-  return (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "oval" ? "17px" : (borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) === "rectangle" ? "6px" : "0px";
-}, function (_ref4) {
-  var borderType = _ref4.borderType;
-  return ["rectangle", "oval"].includes(borderType === null || borderType === void 0 ? void 0 : borderType.toLowerCase()) ? "1px solid black" : "none";
-});
-
-exports.Container = Container;

package/dist/components/atoms/LabelToInput/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LabelToInput;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _style = require("./style");
-
-var _Input = _interopRequireDefault(require("../Input"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function LabelToInput(props) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isActive = _useState2[0],
-      setIsActive = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(""),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      defaultValue = _useState4[0],
-      setDefaultValue = _useState4[1];
-
-  (0, _react.useEffect)(function () {
-    setDefaultValue(props.defaultValue === "" ? "-" : props.defaultValue);
-  }, [props.defaultValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.MainContainer, {
-    width: props.width,
-    error: !isActive && props.error,
-    children: !isActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      onClick: function onClick() {
-        return setIsActive(true);
-      },
-      children: defaultValue
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      onBlur: function onBlur() {
-        props.onBlur && props.onBlur();
-        setIsActive(false);
-      }
-    }))
-  });
-}

package/dist/components/atoms/LabelToInput/style.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MainContainer = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: 20px;\n  box-sizing: border-box;\n  border-radius: 2px;\n  margin-left: auto;\n  white-space: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  & > p {\n    font-family: ", ";\n    font-weight: 400;\n    font-size: 11px;\n    line-height: 19px;\n    color: ", ";\n    background-color: ", ";\n    padding: 1px 3px;\n    border-radius: 3px;\n    min-width: 50px;\n    height: 21px;\n    text-align: center;\n  }\n  border: ", ";\n  ::-webkit-scrollbar {\n    width: 3px;\n    height: 3px;\n  }\n  ::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: #d4d1d7;\n    border-radius: 3px;\n  }\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s2, function (props) {
-  return props.error && "1px solid red";
-});
-
-exports.MainContainer = MainContainer;

package/dist/components/atoms/LoadImageMenu/LoadImageMenu.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LoadImageMenuDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/LoadImageMenu",
-  component: _index.LoadImageMenu
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LoadImageMenu, (0, _objectSpread2.default)({}, args));
-};
-
-var LoadImageMenuDefault = Template.bind({});
-exports.LoadImageMenuDefault = LoadImageMenuDefault;
-LoadImageMenuDefault.args = {
-  tipo: "Tipo de imagen ",
-  product: "Render",
-  content: [{
-    label: "fotografía del producto"
-  }],
-  id: "menu-image-type"
-};

package/dist/components/atoms/LoadImageMenu/index.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadImageMenu = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _genericModalDown = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalDown.svg"));
-
-var _genericModalUp = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalUp.svg"));
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var LoadImageMenu = function LoadImageMenu(_ref) {
-  var tipo = _ref.tipo,
-      product = _ref.product,
-      content = _ref.content,
-      id = _ref.id;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showMenu = _useState2[0],
-      setShowMenu = _useState2[1];
-
-  var closeMenu = function closeMenu(e) {
-    if (!e.target.closest("#" + id) && showMenu) {
-      document.removeEventListener("click", closeMenu, false);
-      setShowMenu(false);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showMenu) {
-      document.addEventListener("click", closeMenu, false);
-    }
-  }, [showMenu]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    onClick: function onClick(e) {
-      setShowMenu(!showMenu);
-
-      if (showMenu) {
-        document.removeEventListener("click", closeMenu, false);
-      }
-    },
-    className: "list-container " + (showMenu && "show-menu"),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "tipo",
-      children: [tipo, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: "*"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "products",
-      children: [product, /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: showMenu ? _genericModalUp.default : _genericModalDown.default,
-        alt: "Check icon"
-      })]
-    }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      id: id,
-      className: "upload-image-menu",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: "overall-list",
-        children: content === null || content === void 0 ? void 0 : content.map(function (item, index) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            onClick: function onClick() {
-              console.log(item.label);
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-              children: item.label
-            })
-          }, index + item.label);
-        })
-      })
-    })]
-  });
-};
-
-exports.LoadImageMenu = LoadImageMenu;

package/dist/components/atoms/LoadImageMenu/styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: transparent;\n  border: 1px solid ", ";\n  border-radius: 7px;\n  padding: 5px;\n  width: 310px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: auto;\n  cursor: pointer;\n  position: relative;\n  & + * {\n    margin-top: 7px;\n  }\n  p {\n    font-family: ", ";\n    font-weight: 600;\n    font-size: 12px;\n    line-height: 18px;\n    color: ", ";\n    letter-spacing: -0.015em;\n    span {\n      color: ", ";\n    }\n  }\n  .products {\n    line-height: 13px;\n    font-weight: 500;\n    img {\n      margin-left: 3px;\n    }\n  }\n  &.show-menu {\n    border: 1px solid ", ";\n    .tipo {\n      color: ", ";\n    }\n    .products {\n      color: ", ";\n    }\n  }\n  .upload-image-menu {\n    width: 310px;\n    height: auto;\n    border-radius: 7px;\n    background-color: ", ";\n    padding: 5px 20px;\n    border: 1px solid ", ";\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n    position: absolute;\n    left: calc(50% - 155px);\n    top: 35px;\n    z-index: 1;\n    .overall-list {\n      list-style: none;\n      li {\n        & + * {\n          margin-top: 7px;\n        }\n        p {\n          line-height: 16px;\n          color: ", ";\n          text-align: right;\n        }\n      }\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s2, _variables.GlobalColors.s3, _variables.GlobalColors.s4);
-
-exports.Container = Container;

package/dist/components/atoms/Loading/Loading.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LoadingDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/Loading",
-  component: _index.Loading
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Loading, (0, _objectSpread2.default)({}, args));
-};
-
-var LoadingDefault = Template.bind({});
-exports.LoadingDefault = LoadingDefault;
-LoadingDefault.args = {};

package/dist/components/atoms/Loading/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Loading = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Loading = function Loading() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "loading",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Loader, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "first"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "second"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "third"
-      })]
-    })
-  });
-};
-
-exports.Loading = Loading;

package/dist/components/atoms/Loading/styles.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Loader = exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n"])));
-
-exports.Container = Container;
-
-var Loader = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n  span {\n    display: inline-block;\n    border-radius: 100%;\n    margin: 35px 5px;\n    opacity: 1;\n  }\n  .first {\n    background-color: #ff75cf;\n  }\n  .second {\n    background-color: #e33aa9;\n  }\n  .third {\n    background-color: #b12d84;\n  }\n  span:nth-child(1) {\n    width: 16px;\n    height: 16px;\n    animation: opacitychange 1s ease-in-out infinite;\n  }\n  span:nth-child(2) {\n    width: 18px;\n    height: 18px;\n\n    animation: opacitychange 1s ease-in-out 0.33s infinite;\n  }\n  span:nth-child(3) {\n    width: 20px;\n    height: 20px;\n\n    animation: opacitychange 1s ease-in-out 0.66s infinite;\n  }\n  @keyframes opacitychange {\n    0%,\n    100% {\n      opacity: 0;\n    }\n    60% {\n      opacity: 1;\n    }\n  }\n"])));
-
-exports.Loader = Loader;

package/dist/components/atoms/LogoImage/LogoImage.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LogoImageDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/LogoImage",
-  component: _index.LogoImage
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LogoImage, (0, _objectSpread2.default)({}, args));
-};
-
-var LogoImageDefault = Template.bind({});
-exports.LogoImageDefault = LogoImageDefault;
-LogoImageDefault.args = {};

package/dist/components/atoms/LogoImage/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LogoImage = void 0;
-
-var _styles = require("./styles");
-
-var _logoLogin = _interopRequireDefault(require("../../../assets/images/logo/logoLogin.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var LogoImage = function LogoImage() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "logo",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: _logoLogin.default,
-      alt: "logo"
-    })
-  }, "logo");
-};
-
-exports.LogoImage = LogoImage;

package/dist/components/atoms/LogoImage/styles.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\nimg {\n    width: 100%;\n    margin:auto;\n}\n& + * {\n    margin-top: 20px;\n}\n"])));
-
-exports.Container = Container;

package/dist/components/atoms/MenuNotification/MenuNotification.stories.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuNotificationDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/MenuNotification",
-  component: _index.MenuNotification
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MenuNotification, (0, _objectSpread2.default)({}, args));
-};
-
-var MenuNotificationDefault = Template.bind({});
-exports.MenuNotificationDefault = MenuNotificationDefault;
-MenuNotificationDefault.args = {
-  content: [{
-    notificationType: "productComment",
-    label: "Asignaron el producto 23441244"
-  }, {
-    notificationType: "productAssignation",
-    label: "Ajustaron el nombre del producto"
-  }, {
-    notificationType: "productAssignation",
-    label: "Agregaron comentario en producto 123"
-  }]
-};

package/dist/components/atoms/MenuNotification/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuNotification = void 0;
-
-var _styles = require("./styles");
-
-var _menuNotificationComment = _interopRequireDefault(require("../../../assets/images/menuNotification/menuNotificationComment.svg"));
-
-var _menuNotificationProduct = _interopRequireDefault(require("../../../assets/images/menuNotification/menuNotificationProduct.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var MenuNotification = function MenuNotification(_ref) {
-  var content = _ref.content;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    id: "menu-notification",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-      className: "overall-list",
-      children: content === null || content === void 0 ? void 0 : content.map(function (item, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-          onClick: function onClick() {
-            console.log(item.label);
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-            src: (content === null || content === void 0 ? void 0 : content.notificationType) === "productComment" ? _menuNotificationComment.default : _menuNotificationProduct.default,
-            alt: item.label
-          }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: item.label
-          })]
-        }, index);
-      })
-    })
-  });
-};
-
-exports.MenuNotification = MenuNotification;

package/dist/components/atoms/MenuNotification/styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 220px;\n  height: auto;\n  border-radius: 20px;\n  background-color: ", ";\n  padding: 25px 16px 18px 26px;\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.14);\n  position: absolute;\n  top: calc(100% + 25px);\n  left: calc(50% - 223px / 2);\n  &::before {\n    content: \"\";\n    width: 85px;\n    height: 85px;\n    display: block;\n    background-color: ", ";\n    position: absolute;\n    left: 50%;\n    transform: translateX(-30%) rotate(-22deg) skewX(45deg);\n    top: -17px;\n    z-index: -1;\n  }\n  .overall-list {\n    list-style: none;\n    li {\n      display: flex;\n      align-items: center;\n      & + * {\n        margin-top: 10px;\n      }\n      img {\n        & + * {\n          margin-left: 10px;\n        }\n      }\n      p {\n        line-height: 16px;\n        font-size: 12px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n      }\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s2, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext);
-
-exports.Container = Container;

package/dist/components/atoms/MenuProfile/MenuProfile.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuProfileDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/MenuProfile",
-  component: _index.MenuProfile
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MenuProfile, (0, _objectSpread2.default)({}, args));
-};
-
-var MenuProfileDefault = Template.bind({});
-exports.MenuProfileDefault = MenuProfileDefault;
-MenuProfileDefault.args = {
-  user: "Administrador"
-};