contentoh-components-library 21.3.92 → 21.3.93

package/src/components/organisms/GridProducts/index.js

@@ -1,59 +0,0 @@
-import { Container } from "./styles";
-import { GridItem } from "../../molecules/GridItem";
-import { HeaderItem } from "../../molecules/HeaderItem";
-import { getProductsToTable } from "./utils";
-import { useEffect } from "react";
-import { useState } from "react";
-import { RowItem } from "../../molecules/RowItem";
-import { CheckBox } from "../../atoms/CheckBox";
-
-export const GridProducts = ({
-  products = [],
-  columnsArray = [],
-  gridView = true,
-  chkOnChange,
-  selected = [],
-  chkChecked,
-  checkAll,
-  chkCheckedAll,
-  onGridClick,
-}) => {
-  const [productsArray, setProductsArray] = useState([]);
-
-  useEffect(() => {
-    setProductsArray(products);
-  }, [products]);
-
-  return (
-    <Container>
-      {!gridView ? (
-        productsArray.map(({ gridElement, product, id }, i) => (
-          <GridItem
-            key={i}
-            id={id}
-            product={product}
-            gridElement={gridElement}
-            chkOnChange={chkOnChange}
-            onGridClick={onGridClick}
-            selected={selected}
-            chkChecked={chkChecked}
-          />
-        ))
-      ) : (
-        <div className="table-view">
-          <HeaderItem
-            columnsArray={columnsArray}
-            checkAll={checkAll}
-            chkCheckedAll={chkCheckedAll}
-          />
-          <RowItem
-            productsArray={productsArray}
-            chkOnChange={chkOnChange}
-            onGridClick={onGridClick}
-            chkChecked={chkChecked}
-          />
-        </div>
-      )}
-    </Container>
-  );
-};

package/src/components/organisms/GridProducts/styles.js

@@ -1,15 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  height: 100%;
-  overflow: auto;
-  padding: 20px;
-
-  .table-view {
-    height: 100%;
-    width: 100%;
-  }
-`;

package/src/components/organisms/GridProducts/utils.js

@@ -1,103 +0,0 @@
-import { RetailerCatalog } from "../../atoms/RetailerCatalog";
-import { UserCatalog } from "../../atoms/UserCatalog";
-
-export const getProductsToTable = (
-  products = [],
-  textSpecialists,
-  imagesSpecialists,
-  auditors,
-  images
-) => {
-  const productsTableArray = [];
-
-  products.forEach((product) => {
-    const { article, orderId, upc, status, version } = product;
-    const id = article?.id_article + "-" + orderId;
-    const imgArray = images[article?.id_article + "-" + version];
-    const element = {
-      id,
-      cols: [
-        { name: article?.country || "-", flex: 1, minWidth: 100 },
-        { name: orderId || "-", flex: 1, minWidth: 100 },
-        { name: upc || "-", flex: 1, minWidth: 100 },
-        { name: article?.name || "-", flex: 1, minWidth: 200 },
-        { name: "S/M" || "-", flex: 1, minWidth: 100 },
-        { name: status || "-", flex: 1, minWidth: 100 },
-        {
-          name: (
-            <RetailerCatalog
-              id={"retailers-" + id}
-              article={product}
-              retailers={product.retailers}
-            />
-          ),
-          flex: 1,
-          minWidth: 100,
-        },
-        { name: "none", flex: 1, minWidth: 100 },
-        {
-          name: (
-            <UserCatalog
-              datasheet={article.id_datasheet_especialist}
-              description={article.id_description_especialist}
-              images={article.id_images_especialist}
-              textSpecialists={textSpecialists}
-              imagesSpecialists={imagesSpecialists}
-              auditors={auditors}
-              id={"users-" + id}
-            />
-          ),
-          flex: 1,
-          minWidth: 100,
-        },
-        { name: "Cont.", flex: 1, minWidth: 100 },
-      ],
-      gridElement: {
-        images: imgArray,
-        info: [
-          { title: "name", value: article?.name || "-" },
-          { title: "category", value: article?.category || "-" },
-          { title: "company", value: article?.company_name || "-" },
-          { title: "price", value: article?.price || "-" },
-        ],
-        status: [
-          { title: "datasheet", value: product?.datasheet_status, percent: 80 },
-          {
-            title: "description",
-            value: product?.description_status,
-            percent: 80,
-          },
-          { title: "images", value: product?.images_status, percent: 80 },
-        ],
-        catalogs: {
-          leftSide: (
-            <RetailerCatalog
-              id={"retailers-" + id}
-              limit={2}
-              article={product}
-              retailers={product.retailers}
-            />
-          ),
-          rightSide: (
-            <UserCatalog
-              datasheet={article.id_datasheet_especialist}
-              description={article.id_description_especialist}
-              images={article.id_images_especialist}
-              textSpecialists={textSpecialists}
-              imagesSpecialists={imagesSpecialists}
-              auditors={auditors}
-              id={"users-" + id}
-            />
-          ),
-        },
-      },
-      showBottom: true,
-      product,
-      article,
-    };
-
-    productsTableArray.push(element);
-  });
-
-  return productsTableArray;
-};