contentoh-components-library 21.3.93 → 21.3.95

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowItem = void 0;
+
+var _styles = require("./styles");
+
+var _ColumnItem = require("./ColumnItem");
+
+var _CheckBox = require("../../atoms/CheckBox");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var RowItem = function RowItem(_ref) {
+  var _ref$productsArray = _ref.productsArray,
+      productsArray = _ref$productsArray === void 0 ? [] : _ref$productsArray,
+      chkOnChange = _ref.chkOnChange,
+      onGridClick = _ref.onGridClick,
+      chkChecked = _ref.chkChecked;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: productsArray.map(function (_ref2, i) {
+      var cols = _ref2.cols,
+          id = _ref2.id,
+          product = _ref2.product,
+          article = _ref2.article;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "row-container",
+        onClick: function onClick(e) {
+          return onGridClick && onGridClick(product);
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "chk-container",
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
+            id: (article === null || article === void 0 ? void 0 : article.id_article) + "-" + (article === null || article === void 0 ? void 0 : article.id_order),
+            name: (article === null || article === void 0 ? void 0 : article.id_article) + "-" + (article === null || article === void 0 ? void 0 : article.id_order),
+            className: "chk-item",
+            onChange: function onChange(e) {
+              return chkOnChange && chkOnChange(e, product);
+            },
+            defaultChecked: chkChecked && chkChecked(product)
+          })
+        }), cols.map(function (col, i) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnItem.ColumnItem, {
+            element: col.name,
+            flex: col.flex,
+            minWidth: col.minWidth
+          }, (article === null || article === void 0 ? void 0 : article.id_article) + "-" + (article === null || article === void 0 ? void 0 : article.id_order) + "-" + i);
+        })]
+      }, (article === null || article === void 0 ? void 0 : article.id_article) + "-" + (article === null || article === void 0 ? void 0 : article.id_order));
+    })
+  });
+};
+
+exports.RowItem = RowItem;

package/dist/components/molecules/RowItem/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = exports.Column = 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, _templateObject2;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: calc(100% - 36px);\n  overflow: auto;\n  min-width: fit-content;\n\n  .row-container {\n    display: flex;\n    cursor: pointer;\n    &:hover {\n      background-color: #fafafa;\n    }\n\n    .chk-container {\n      width: 30px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      .chk-item {\n        width: 16px;\n        height: 16px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;
+
+var Column = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  flex: ", ";\n  min-width: ", "px;\n  text-align: center;\n  color: #262626;\n  font-family: ", ";\n  font-size: 12px;\n  line-height: 16px;\n  padding: 10px 5px;\n"])), function (_ref) {
+  var flex = _ref.flex;
+  return flex ? flex : 1;
+}, function (_ref2) {
+  var minWidth = _ref2.minWidth;
+  return minWidth ? minWidth : 100;
+}, _variables.FontFamily.Lato);
+
+exports.Column = Column;

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

@@ -29,10 +29,7 @@ var TabsMenu = function TabsMenu(_ref) {
       activeTab = _ref.activeTab,
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
-      images = _ref.images,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      setImages = _ref.setImages;
+      images = _ref.images;
 
   var _useState = (0, _react.useState)(tabsSections),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -71,14 +68,11 @@ var TabsMenu = function TabsMenu(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (cancelAccept === "Aceptar" && llave !== "") {
+    if (cancelAccept === "Aceptar" & llave !== "") {
       setCancelAccept("");
       setModal(false);
       activeSection(llave, objeto);
-      setUpdatedDescriptions([]);
-      setUpdatedDatasheets([]);
-      setImages({});
-    } else if (cancelAccept === "Cancelar" && llave !== "") {
+    } else if (cancelAccept === "Cancelar" & llave !== "") {
       setModal(false);
       setCancelAccept("");
     }
@@ -115,15 +109,15 @@ var TabsMenu = function TabsMenu(_ref) {
         type: "white",
         label: "Cancelar",
         size: 12,
-        onClick: function onClick() {
-          return setCancelAccept("Cancelar");
+        onClick: function onClick(event) {
+          return setCancelAccept(event.target.textContent);
         }
       }, "btn-Cancelar"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
         type: "pink",
         label: "Aceptar",
         size: 12,
-        onClick: function onClick() {
-          return setCancelAccept("Aceptar");
+        onClick: function onClick(event) {
+          return setCancelAccept(event.target.textContent);
         }
       }, "btn-Aceptar")]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {

package/dist/components/organisms/FullTabsMenu/index.js

@@ -40,10 +40,9 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       updatedDescriptions = _ref.updatedDescriptions,
       updatedDatasheets = _ref.updatedDatasheets,
       selectedImages = _ref.selectedImages,
-      setSelectedImages = _ref.setSelectedImages,
       setUpdatedDescriptions = _ref.setUpdatedDescriptions,
       setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      setImages = _ref.setImages;
+      setSelectedImages = _ref.setSelectedImages;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -62,7 +61,6 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       selectedImages: selectedImages,
       setUpdatedDescriptions: setUpdatedDescriptions,
       setUpdatedDatasheets: setUpdatedDatasheets,
-      setImages: setImages,
       setSelectedImages: setSelectedImages
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusAsignationInfo, {
       canAssign: canAssign,