contentoh-components-library 21.4.69 → 21.4.71

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

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullTabsMenuv2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _styles = require("./styles");
+
+var _index = require("../../molecules/StatusAsignationInfo/index");
+
+var _react = require("react");
+
+var _BarButtons = require("../BarButtons");
+
+var _AsignationInfo = require("../../molecules/AsignationInfo");
+
+var _StatusRetailer = require("../../molecules/StatusRetailer");
+
+var _TabsMenuv = require("../../molecules/TabsMenuv2");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var FullTabsMenuv2 = function FullTabsMenuv2(_ref) {
+  var tabsSections = _ref.tabsSections,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? "" : _ref$status,
+      activeTab = _ref.activeTab,
+      setActiveTab = _ref.setActiveTab,
+      setImageLayout = _ref.setImageLayout,
+      assig = _ref.assig,
+      setAssignation = _ref.setAssignation,
+      isRetailer = _ref.isRetailer,
+      downloadImages = _ref.downloadImages,
+      askToDeleteImages = _ref.askToDeleteImages,
+      onClickSave = _ref.onClickSave,
+      showSaveButton = _ref.showSaveButton,
+      canAssign = _ref.canAssign,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      images = _ref.images,
+      updatedDescriptions = _ref.updatedDescriptions,
+      updatedDatasheets = _ref.updatedDatasheets,
+      selectedImages = _ref.selectedImages,
+      setSelectedImages = _ref.setSelectedImages,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      setImages = _ref.setImages,
+      activeRetailer = _ref.activeRetailer,
+      setActiveRetailer = _ref.setActiveRetailer,
+      servicesData = _ref.servicesData,
+      headerData = _ref.headerData,
+      statusType = _ref.statusType,
+      percentRequired = _ref.percentRequired,
+      withChat = _ref.withChat,
+      chatType = _ref.chatType,
+      productSelected = _ref.productSelected,
+      token = _ref.token;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      imagesSection = _useState2[0],
+      setImagesSection = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      retailers = _useState4[0],
+      setRetailers = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var rtls = (headerData === null || headerData === void 0 ? void 0 : headerData.retailers) || (headerData === null || headerData === void 0 ? void 0 : headerData.retailersAvailable);
+    servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
+      var element = [];
+      servicesData.forEach(function (sd) {
+        if (sd.id_retailer === rt.id) {
+          element.push(sd.status ? sd.status : "R");
+        } else element.push("NA");
+
+        rt["services"] = element;
+      });
+    }));
+    setRetailers(rtls);
+  }, [servicesData]);
+
+  var getTabClass = function 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
+  };
+
+  var classname = getTabClass();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "bars-cont",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "tabs-cont",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsMenuv.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
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusRetailer.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
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsignationInfo.AsignationInfo, {
+        canAssign: canAssign,
+        status: status,
+        activeTab: activeTab,
+        assignationsImages: assig,
+        setAssignation: setAssignation,
+        isRetailer: isRetailer
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarButtons.BarButtons, {
+      showSaveButton: showSaveButton,
+      imagesSection: imagesSection,
+      onClickSave: onClickSave,
+      withChat: withChat,
+      chatType: chatType,
+      productSelected: productSelected,
+      token: token,
+      activeRetailer: activeRetailer,
+      setImageLayout: setImageLayout,
+      setShowVersionSelector: setShowVersionSelector
+    })]
+  });
+};
+
+exports.FullTabsMenuv2 = FullTabsMenuv2;

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

@@ -0,0 +1,18 @@
+"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  width:100%;\n  display: flex;\n  text-align: center;\n  align-self: center;\n  justify-content: space-between;\n  margin-top: 15px;\n  margin-right:auto;\n  gap:15px;\n  .bars-cont{\n    display: flex;\n    gap: 15px;\n  }\n  .tabs-cont {\n    background: #F0F0F0;\n    border-radius: 17px;\n    height: 34px;\n  }\n  .active {\n    height: 34px;\n    border-bottom: none;\n    font-size: 12px;\n    color: #FFFFFF;\n    background: #8A6CAA;\n    display:flex;\n    align-items: center;\n    justify-content: center;\n    &.izquierda{\n      border-top-left-radius: 17px;\n      border-bottom-left-radius: 17px;\n    }\n    &.centro{\n      border-radius: 0px;\n    }\n    &.derecha{\n      border-top-right-radius: 17px;\n      border-bottom-right-radius: 17px;\n    }\n}\n \n\n  & + * {\n    margin-top: 14px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/ImageDataTablev2/ImageDataTablev2.stories.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImageDataTablev2Default = 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/organisms/ImageDataTablev2",
+  component: _index.ImageDataTablev2
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTablev2, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageDataTablev2Default = Template.bind({});
+exports.ImageDataTablev2Default = ImageDataTablev2Default;
+ImageDataTablev2Default.args = {
+  headerInfo: {
+    src: "https://www.thestar.com/content/dam/thestar/columnist_logos/francis_angelyn_logo2020.jpg",
+    name: "Hero.jpg",
+    status: "AA"
+  },
+  imageData: [{
+    feature: "Tipo de imagen",
+    value: "Tipo de imagen"
+  }, {
+    feature: "Identificador",
+    value: "F26"
+  }, {
+    feature: "Formato",
+    value: "jpg"
+  }, {
+    feature: "Resolución",
+    value: "300dpi"
+  }, {
+    feature: "Tamaño de imagen",
+    value: "1000x10000"
+  }]
+};

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

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageDataTablev2 = void 0;
+
+var _styles = require("./styles");
+
+var _TableHeader = require("../../molecules/TableHeader");
+
+var _styles2 = require("../../molecules/TableRow/styles");
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _LabelToInput = _interopRequireDefault(require("../../atoms/LabelToInput"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageDataTablev2 = function ImageDataTablev2(_ref) {
+  var _lists$inputs, _lists$inputs$find, _lists$imagePackaging, _lists$imagePackaging2, _lists$imageType, _lists$imageType$find, _lists$imageShotType, _lists$imageShotType$, _lists$attrForImgs, _lists$attrForImgs$ge;
+
+  var activeImage = _ref.activeImage,
+      darkMode = _ref.darkMode,
+      lists = _ref.lists,
+      retailerSelected = _ref.retailerSelected,
+      setImages = _ref.setImages,
+      assignationsImages = _ref.assignationsImages,
+      imagesStatus = _ref.imagesStatus,
+      setAssignation = _ref.setAssignation,
+      isRetailer = _ref.isRetailer,
+      onClickSave = _ref.onClickSave,
+      showSaveButton = _ref.showSaveButton,
+      version = _ref.version,
+      setShowVersionSelector = _ref.setShowVersionSelector,
+      shotThd = _ref.shotThd;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    darkMode: darkMode,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
+      imagesStatus: imagesStatus,
+      activeImage: activeImage,
+      assignationsImages: assignationsImages,
+      setAssignation: setAssignation,
+      isRetailer: isRetailer,
+      showSaveButton: showSaveButton,
+      onClickSave: onClickSave,
+      version: version,
+      setShowVersionSelector: setShowVersionSelector
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de toma"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$inputs = lists.inputs) === null || _lists$inputs === void 0 ? void 0 : (_lists$inputs$find = _lists$inputs.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_id);
+        })) === null || _lists$inputs$find === void 0 ? void 0 : _lists$inputs$find.name) || "-"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de empaque"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imagePackaging = lists.imagePackagingType) === null || _lists$imagePackaging === void 0 ? void 0 : (_lists$imagePackaging2 = _lists$imagePackaging.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.packing_type);
+        })) === null || _lists$imagePackaging2 === void 0 ? void 0 : _lists$imagePackaging2.name) || "-"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de imagen"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageType = lists.imageType) === null || _lists$imageType === void 0 ? void 0 : (_lists$imageType$find = _lists$imageType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_type);
+        })) === null || _lists$imageType$find === void 0 ? void 0 : _lists$imageType$find.name) || "-"
+      })]
+    }), shotThd && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tipo de imagen THD"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text gray-table-row",
+        text: (lists === null || lists === void 0 ? void 0 : (_lists$imageShotType = lists.imageShotType) === null || _lists$imageShotType === void 0 ? void 0 : (_lists$imageShotType$ = _lists$imageShotType.find(function (f) {
+          return f.id === +(activeImage === null || activeImage === void 0 ? void 0 : activeImage.image_shot_type);
+        })) === null || _lists$imageShotType$ === void 0 ? void 0 : _lists$imageShotType$.type_shot) || "-"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Formato"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: (activeImage === null || activeImage === void 0 ? void 0 : activeImage.ext) || "-"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: "Tama\xF1o de imagen"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "table-row-text",
+        text: activeImage !== null && activeImage !== void 0 && activeImage.width && activeImage.height ? "".concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.width, "x").concat(activeImage === null || activeImage === void 0 ? void 0 : activeImage.height, "px") : "-"
+      })]
+    }), retailerSelected && (lists === null || lists === void 0 ? void 0 : lists.attrForImgs) && (lists === null || lists === void 0 ? void 0 : (_lists$attrForImgs = lists.attrForImgs) === null || _lists$attrForImgs === void 0 ? void 0 : (_lists$attrForImgs$ge = _lists$attrForImgs.general) === null || _lists$attrForImgs$ge === void 0 ? void 0 : _lists$attrForImgs$ge.map(function (attr, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+          headerType: "table-row-text",
+          text: (attr === null || attr === void 0 ? void 0 : attr.name) || "-"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LabelToInput.default, {
+          width: "100px",
+          defaultValue: attr === null || attr === void 0 ? void 0 : attr.value,
+          onChange: function onChange(e) {
+            setImages({
+              action: "changeAttrValue",
+              value: e.target.value || "-",
+              id: attr.id
+            });
+          }
+        })]
+      }, "row-" + index + "-" + (attr === null || attr === void 0 ? void 0 : attr.name));
+    }))]
+  });
+};
+
+exports.ImageDataTablev2 = ImageDataTablev2;

package/dist/components/organisms/ImageDataTablev2/styles.js

@@ -0,0 +1,26 @@
+"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: 377px;\n  padding: 10px;\n  border: 1px solid ", ";\n  border-radius: 10px;\n  background-color:", ";\n\n  .input-name-header,\n  .table-row-text {\n    color: ", ";\n  }\n  .gray-table-row {\n    background-color: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.white, function (_ref) {
+  var darkMode = _ref.darkMode;
+  return darkMode && _variables.GlobalColors.s1;
+}, function (_ref2) {
+  var darkMode = _ref2.darkMode;
+  return darkMode && _variables.GlobalColors.white;
+});
+
+exports.Container = Container;

package/dist/components/organisms/ImagePreviewerv2/ImagePreviewerv2.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ImagePreviewerDefault = 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/organisms/ImagePreviewer",
+  component: _index.ImagePreviewer
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreviewer, (0, _objectSpread2.default)({}, args));
+};
+
+var ImagePreviewerDefault = Template.bind({});
+exports.ImagePreviewerDefault = ImagePreviewerDefault;
+ImagePreviewerDefault.args = {
+  imagesArray: [{
+    img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+    alt: "img"
+  }, {
+    img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
+    alt: "img"
+  }, {
+    img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
+    alt: "img"
+  }, {
+    img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
+    alt: "img"
+  }, {
+    img: "https://memegenerator.net/img/images/72798198.jpg",
+    alt: "img"
+  }, {
+    img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
+    alt: "img"
+  }]
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImagePreviewerv2 = void 0;
+
+var _styles = require("./styles");
+
+var _ImageSelectorv = require("../../molecules/ImageSelectorv2");
+
+var _EditionActiveImagev = require("../../molecules/EditionActiveImagev2");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImagePreviewerv2 = function ImagePreviewerv2(_ref) {
+  var _ref$imagesArray = _ref.imagesArray,
+      imagesArray = _ref$imagesArray === void 0 ? [] : _ref$imagesArray,
+      activeImage = _ref.activeImage,
+      setActiveImage = _ref.setActiveImage,
+      setShowModal = _ref.setShowModal,
+      _ref$showSelector = _ref.showSelector,
+      showSelector = _ref$showSelector === void 0 ? true : _ref$showSelector;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionActiveImagev.EditionActiveImagev2, {
+      img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
+      altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
+      setShowModal: setShowModal
+    }), showSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelectorv.ImageSelectorv2, {
+      images: imagesArray,
+      setActiveImage: setActiveImage
+    })]
+  });
+};
+
+exports.ImagePreviewerv2 = ImagePreviewerv2;

package/dist/components/organisms/ImagePreviewerv2/styles.js

@@ -0,0 +1,18 @@
+"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  & + * {\n    margin-top: 10px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/InputGroupv2/InputGroupv2.stories.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.InputGroupDefault = 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/organisms/InputGroupv2",
+  component: _index.InputGroupv2,
+  argTypes: {
+    activeSection: {
+      options: [true, false],
+      control: {
+        type: "boolean"
+      }
+    }
+  }
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InputGroupv2, (0, _objectSpread2.default)({}, args));
+};
+
+var InputGroupDefault = Template.bind({});
+exports.InputGroupDefault = InputGroupDefault;
+InputGroupDefault.args = {
+  InputGroupv2: {
+    name: "Información básica del producto",
+    inputs: [{
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }, {
+      label: "Item",
+      value: "1234567890",
+      placeholder: "Ingresar valor"
+    }]
+  }
+};