contentoh-components-library 21.4.134 → 21.4.136

package/dist/components/molecules/ServiceDataValidator/ServiceDataValidator.stories.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ServiceDataValidatorDefault = 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/molecules/ServiceDataValidator",
-  component: _index.ServiceDataValidator
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ServiceDataValidator, (0, _objectSpread2.default)({}, args));
-};
-
-var ServiceDataValidatorDefault = Template.bind({});
-exports.ServiceDataValidatorDefault = ServiceDataValidatorDefault;
-ServiceDataValidatorDefault.args = {
-  activeRetailer: {
-    id: 34,
-    image: "https://content-management-images.s3.amazonaws.com/retailers/34.png",
-    name: "San Pablo",
-    services: ["AA", "AP", "AA"]
-  },
-  headerData: {
-    "orderId": 15275,
-    "status": "AA",
-    "datasheet_status": "AA",
-    "prio": "none",
-    "version": 3,
-    "description_status": "AA",
-    "images_status": "AA",
-    "brand": null,
-    "retailerOrder": 0,
-    "missing": {
-      "datasheet": null,
-      "descriptions": null,
-      "images": null
-    },
-    "services": {
-      "datasheets": 1,
-      "descriptions": 1,
-      "images": 1
-    },
-    "article": {
-      "category": "Abarrotes|Abarrotes Secos|Frutos Secos",
-      "company_name": "GRUPO BRAHMA",
-      "country": "México",
-      "id_category": "11",
-      "id_datasheet_especialist": 54,
-      "id_datasheet_facilitator": 52,
-      "id_description_especialist": 54,
-      "id_description_facilitator": 52,
-      "id_images_especialist": 55,
-      "id_images_facilitator": 53,
-      "id_order": 15275,
-      "id_article": 39485,
-      "id_auditor": 37,
-      "name": "Mix de nueces",
-      "timestamp": "2023-07-14T21:03:19.000Z",
-      "upc": "7543453453"
-    },
-    "retailers": [{
-      "id": 34,
-      "name": "San Pablo",
-      "services": ["AA", "AP", "AA"],
-      "image": "https://content-management-images.s3.amazonaws.com/retailers/34.png"
-    }],
-    "statusByRetailer": {
-      "34": {
-        "datasheet": "AA",
-        "description": "AA",
-        "images": "AA"
-      }
-    },
-    "retailersAvailable": [{
-      "id": 34,
-      "name": "San Pablo"
-    }],
-    "categoryName": "Abarrotes|Abarrotes Secos|Frutos Secos",
-    "upc": "7543453453",
-    "id_article": 39485,
-    "id_order": 15275
-  },
-  showApproveRejectAll: true,
-  showValidationButtons: true,
-  text: "Descripción",
-  missingData: 1
-};

package/dist/components/molecules/ServiceDataValidator/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ServiceDataValidator = void 0;
-
-var _styles = require("./styles");
-
-var _variables = require("../../../global-files/variables");
-
-var _react = require("react");
-
-var _Validation = require("../Validation");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var ServiceDataValidator = function ServiceDataValidator(_ref) {
-  var headerData = _ref.headerData,
-      activeRetailer = _ref.activeRetailer,
-      setActiveRetailer = _ref.setActiveRetailer,
-      showValidationButtons = _ref.showValidationButtons,
-      showApproveRejectAll = _ref.showApproveRejectAll,
-      approveAll = _ref.approveAll,
-      rejectAll = _ref.rejectAll,
-      approve = _ref.approve,
-      reject = _ref.reject,
-      text = _ref.text,
-      complete = _ref.complete,
-      showValidation = _ref.showValidation,
-      missingData = _ref.missingData;
-  var headerTop = (0, _react.useRef)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    fontFamily: _variables.FontFamily.Raleway,
-    color: _variables.GlobalColors.original_magenta,
-    ref: headerTop,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: "service-text",
-      children: [text, ":", " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "service-complete",
-        children: complete ? "Completado" : "".concat(missingData, " ").concat(missingData > 1 ? 'Faltantes' : 'Faltante')
-      })]
-    }), showValidation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Validation.Validation, {
-      headerData: headerData,
-      activeRetailer: activeRetailer,
-      setActiveRetailer: setActiveRetailer,
-      showValidationButtons: showValidationButtons,
-      showApproveRejectAll: showApproveRejectAll,
-      approveAll: approveAll,
-      rejectAll: rejectAll,
-      approve: approve,
-      reject: reject
-    })]
-  });
-};
-
-exports.ServiceDataValidator = ServiceDataValidator;

package/dist/components/molecules/ServiceDataValidator/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)(["\ndisplay:flex;\npadding:7px 15px;\njustify-content: space-between;\nbackground:", ";\nwidth: auto;\nheight:34px;\nalign-items: center;\nmax-width:300px;\nborder-radius:5px;\n\n\n  * + * {\n    margin-left: 10px;\n  }\n\n  .btn-gral{\n    min-width: 34px;\n    min-height:34px;\n  }\n  .images-buttons{\n    display:flex;\n  }\n  .service-text{\n    font-family:", ", sans-serif;\n    font-size:12px;\n    font-weight: 500;\n    color:", ";\n  }\n  .service-complete{\n    color:", ";\n  }\n"])), _variables.GlobalColors.blue_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.GlobalColors.black);
-
-exports.Container = Container;

package/dist/components/molecules/SidebarNotification/SidebarNotification.stories.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SidebarNotificationDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _defaultProfileImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProfileImage.svg"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/molecules/SidebarNotification",
-  component: _index.SidebarNotification,
-  argTypes: {
-    showSidebar: {
-      options: [true, false],
-      control: {
-        type: "boolean"
-      }
-    }
-  }
-};
-exports.default = _default;
-var showSidebar = false;
-
-var setShowSidebar = function setShowSidebar(value) {
-  showSidebar = value;
-};
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SidebarNotification, (0, _objectSpread2.default)({}, args));
-};
-
-var SidebarNotificationDefault = Template.bind({});
-exports.SidebarNotificationDefault = SidebarNotificationDefault;
-SidebarNotificationDefault.args = {
-  array: [{
-    dates: "2/18/2022",
-    notifications: [{
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }, {
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }]
-  }, {
-    dates: "2/17/2022",
-    notifications: [{
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }, {
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }]
-  }, {
-    dates: "2/16/2022",
-    notifications: [{
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }, {
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }]
-  }, {
-    dates: "2/14/2022",
-    notifications: [{
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }, {
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }]
-  }, {
-    dates: "2/17/2022",
-    notifications: [{
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }, {
-      profilePicture: _defaultProfileImage.default,
-      notification: "ODT 23441244",
-      newNotification: true
-    }]
-  }],
-  setShowSidebar: setShowSidebar,
-  showSidebar: showSidebar
-};

package/dist/components/molecules/SidebarNotification/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SidebarNotification = void 0;
-
-var _styles = require("./styles");
-
-var _index = require("../../atoms/ScreenHeader/index");
-
-var _variables = require("../../../global-files/variables");
-
-var _index2 = require("../../atoms/Avatar/index");
-
-var _productNotification = _interopRequireDefault(require("../../../assets/images/productNotification/productNotification.svg"));
-
-var _GeneralButton = require("../../atoms/GeneralButton");
-
-var _Notification = require("../../atoms/Notification");
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var SidebarNotification = function SidebarNotification(_ref) {
-  var _ref$array = _ref.array,
-      array = _ref$array === void 0 ? [] : _ref$array,
-      showSidebar = _ref.showSidebar,
-      setShowSidebar = _ref.setShowSidebar;
-  var sidebar = (0, _react.useRef)(null);
-
-  var closeSidebar = function closeSidebar(e) {
-    if (!e.target.closest("#side-bar") && showSidebar) {
-      document.removeEventListener("click", closeSidebar, false);
-      sidebar.current.classList.remove("active");
-      setTimeout(function () {
-        setShowSidebar(false);
-      }, 500);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showSidebar) {
-      document.addEventListener("click", closeSidebar, false);
-      sidebar.current.classList.add("active");
-    }
-  }, [showSidebar]);
-
-  var comparisonDate = function comparisonDate(dates) {
-    var dateActual = new Date();
-    var dateComparison = new Date(dates);
-    var date = "";
-
-    if (dateActual.toDateString() === dateComparison.toDateString()) {
-      date = "Hoy";
-    } else if (dateActual.getFullYear() === dateComparison.getFullYear() && dateActual.getMonth() === dateComparison.getMonth() && dateActual.getDate() - 1 === dateComparison.getDate()) {
-      date = "Ayer";
-    } else {
-      date = dateComparison.toLocaleDateString();
-    }
-
-    return date;
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [showSidebar && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      id: "side-bar",
-      ref: sidebar,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "notification-header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
-          image: _productNotification.default,
-          imageType: "retailer-image",
-          altText: "Notification Picture"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-          headerType: "product-name-header",
-          text: "Notificaciones",
-          color: "#867586"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-          buttonType: "close-button"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "scroll",
-        children: array === null || array === void 0 ? void 0 : array.map(function (element, index) {
-          var _element$notification;
-
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "date-notification",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-              headerType: "input-name-header",
-              text: comparisonDate(element === null || element === void 0 ? void 0 : element.dates),
-              color: "#6A5880",
-              FontFamily: _variables.FontFamily.AvenirNext
-            }), element === null || element === void 0 ? void 0 : (_element$notification = element.notifications) === null || _element$notification === void 0 ? void 0 : _element$notification.map(function (notification, index) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Notification.Notification, {
-                profilePicture: notification === null || notification === void 0 ? void 0 : notification.profilePicture,
-                notification: notification === null || notification === void 0 ? void 0 : notification.notification,
-                newNotification: notification === null || notification === void 0 ? void 0 : notification.newNotification
-              }, index);
-            })]
-          }, index + "-" + (element === null || element === void 0 ? void 0 : element.dates));
-        })
-      })]
-    }), " "]
-  });
-};
-
-exports.SidebarNotification = SidebarNotification;

package/dist/components/molecules/SidebarNotification/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  position: absolute;\n  right: 0;\n  background-color: #f9f9fc;\n  overflow: hidden;\n  width: 380px;\n  height: 100vh;\n  padding: 10px;\n  border: none;\n  box-shadow: -3px 0px 4px rgba(0, 0, 0, 0.25);\n  right: -100%;\n  transition: right linear 1s;\n  &.active {\n    right: 0;\n  } \n  /*\n  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\n  transition: clip-path linear 1s;\n  &.active {\n    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\n  } */\n  .notification-header {\n    display: flex;\n    justify-content: space-between;\n    .retailer-image {\n      margin-left: 10px;\n    }\n    .product-name-header {\n      text-align: left;\n      flex: 1;\n      line-height: 50px;\n      margin-left: 13px;\n    }\n    .close-button {\n      height: 23px;\n      width: 23px;\n      padding: 3px;\n      border: 1px solid #ededed;\n      border-radius: 3px;\n      background-size: 23px;\n    }\n  }\n  .scroll {\n    overflow: auto;\n    height: 85vh;\n    .date-notification {\n      margin-top: 10px;\n      .input-name-header {\n        font-weight: 600;\n        display: flex;\n        justify-content: flex-end;\n        margin-right: 25px;\n      }\n      .new-notification {\n        margin-top: 7px;\n        width: 100%;\n      }\n    }\n  }\n"])));
-
-exports.Container = Container;

package/dist/components/molecules/SignInLogin/SignInLogin.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.SignInLoginDefault = 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/molecules/SignInLogin",
-  component: _index.SignInLogin
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SignInLogin, (0, _objectSpread2.default)({}, args));
-};
-
-var SignInLoginDefault = Template.bind({});
-exports.SignInLoginDefault = SignInLoginDefault;
-SignInLoginDefault.args = {};