contentoh-components-library 21.4.133 → 21.4.134

package/src/components/organisms/FullTabsMenuv2/FullTabsMenuv2.stories.js

@@ -1,22 +0,0 @@
-import { FullTabsMenuv2 } from "./index";
-
-export default {
-  title: "Components/organisms/FullTabsMenuv2",
-  component: FullTabsMenuv2,
-};
-
-const Template = (args) => <FullTabsMenuv2 {...args} />;
-
-export const FullTabsMenuv2Default = Template.bind({});
-FullTabsMenuv2Default.args = {
-  status: "AA",
-  image: {
-    src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
-  },
-  tabsSections: {
-    Descripción: true,
-    "Ficha técnica": false,
-    Imágenes: false,
-    "Golden SKU": false,
-  },
-};

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

@@ -1,142 +0,0 @@
-import { Container } from "./styles";
-import { StatusAsignationInfo } from "../../molecules/StatusAsignationInfo/index";
-import { useState, useEffect } from "react";
-import { BarButtons } from "../BarButtons";
-import { AsignationInfo } from "../../molecules/AsignationInfo";
-import { StatusRetailer } from "../../molecules/StatusRetailer";
-import { TabsMenuv2 } from "../../molecules/TabsMenuv2";
-
-export const FullTabsMenuv2 = ({
-  tabsSections,
-  status = "",
-  activeTab,
-  setActiveTab,
-  setImageLayout,
-  assig,
-  setAssignation,
-  isRetailer,
-  downloadImages,
-  askToDeleteImages,
-  onClickSave,
-  showSaveButton,
-  canAssign,
-  version,
-  setShowVersionSelector,
-  images,
-  updatedDescriptions,
-  updatedDatasheets,
-  selectedImages,
-  setSelectedImages,
-  setUpdatedDescriptions,
-  setUpdatedDatasheets,
-  setImages,
-  activeRetailer,
-  setActiveRetailer,
-  servicesData,
-  headerData,
-  statusType,
-  percentRequired,
-  withChat,
-  chatType,
-  productSelected,
-  token,
-}) => {
-  const [imagesSection, setImagesSection] = useState(false);
-  const [retailers, setRetailers] = useState([]);
-  useEffect(() => {
-    const rtls = headerData?.retailers || headerData?.retailersAvailable;
-    servicesData &&
-      rtls?.forEach((rt) => {
-        const element = [];
-        servicesData.forEach((sd) => {
-          if (sd.id_retailer === rt.id) {
-            element.push(sd.status ? sd.status : "R");
-          } else element.push("NA");
-          rt["services"] = element;
-        });
-      });
-    setRetailers(rtls);
-  }, [servicesData]);
-
-  const getTabClass = () => {
-    if (activeTab === "Descripción") {
-      return "izquierda";
-    } else if (activeTab === "Ficha Técnica") {
-      return "centro";
-    } else if (activeTab === "Imágenes") {
-      return "derecha";
-    }
-    return ""; // Si no coincide con ninguno de los valores anteriores
-  };
-
-  const classname = getTabClass(); 
-
-  return (
-    <Container>
-      <div className="bars-cont">
-  <div className="tabs-cont">
-          <TabsMenuv2
-          className={classname}
-            tabsSections={tabsSections}
-            setImagesSection={setImagesSection}
-            setActiveTab={setActiveTab}
-            activeTab={activeTab}
-            images={images}
-            updatedDescriptions={updatedDescriptions}
-            updatedDatasheets={updatedDatasheets}
-            selectedImages={selectedImages}
-            setUpdatedDescriptions={setUpdatedDescriptions}
-            setUpdatedDatasheets={setUpdatedDatasheets}
-            setImages={setImages}
-            setSelectedImages={setSelectedImages}
-          />
-        </div>
-        <StatusRetailer
-          canAssign={canAssign}
-          status={status}
-          activeTab={activeTab}
-          setImageLayout={setImageLayout}
-          imagesSection={imagesSection}
-          assignationsImages={assig}
-          setAssignation={setAssignation}
-          isRetailer={isRetailer}
-          downloadImages={downloadImages}
-          onClickSave={onClickSave}
-          askToDeleteImages={askToDeleteImages}
-          showSaveButton={showSaveButton}
-          version={false}
-          setShowVersionSelector={false}
-          showProgressBar={true}
-          retailers={retailers}
-          activeRetailer={activeRetailer}
-          setActiveRetailer={setActiveRetailer}
-          showRetailer={true}
-          statusType={statusType}
-          headerData={headerData}
-          percent={percentRequired}
-        />
-        <AsignationInfo
-          canAssign={canAssign}
-          status={status}
-          activeTab={activeTab}
-          assignationsImages={assig}
-          setAssignation={setAssignation}
-          isRetailer={isRetailer}
-        />
-      </div>
-      
-      <BarButtons
-        showSaveButton={showSaveButton}
-        imagesSection={imagesSection}
-        onClickSave={onClickSave}
-        withChat={withChat}
-        chatType={chatType}
-        productSelected={productSelected}
-        token={token}
-        activeRetailer={activeRetailer}
-        setImageLayout={setImageLayout}
-        setShowVersionSelector={setShowVersionSelector}
-      />
-    </Container>
-  );
-};

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

@@ -1,47 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-  width:100%;
-  display: flex;
-  text-align: center;
-  align-self: center;
-  justify-content: space-between;
-  margin-top: 15px;
-  margin-right:auto;
-  gap:15px;
-  .bars-cont{
-    display: flex;
-    gap: 15px;
-  }
-  .tabs-cont {
-    background: #F0F0F0;
-    border-radius: 17px;
-    height: 34px;
-  }
-  .active {
-    height: 34px;
-    border-bottom: none;
-    font-size: 12px;
-    color: #FFFFFF;
-    background: #8A6CAA;
-    display:flex;
-    align-items: center;
-    justify-content: center;
-    &.izquierda{
-      border-top-left-radius: 17px;
-      border-bottom-left-radius: 17px;
-    }
-    &.centro{
-      border-radius: 0px;
-    }
-    &.derecha{
-      border-top-right-radius: 17px;
-      border-bottom-right-radius: 17px;
-    }
-}
- 
-
-  & + * {
-    margin-top: 14px;
-  }
-`;