contentoh-components-library 21.0.19 → 21.0.22

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableHeaderDefault = 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/TableHeader",
   component: _index.TableHeader
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TableHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TableHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var TableHeaderDefault = Template.bind({});

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

@@ -13,17 +13,21 @@ var _StatusAsignationInfo = require("../StatusAsignationInfo");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableHeader = function TableHeader(_ref) {
   var headerInfo = _ref.headerInfo,
       activeImage = _ref.activeImage;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.imageName,
-    color: _variables.GlobalColors.s5,
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement(_StatusAsignationInfo.StatusAsignationInfo, {
-    status: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.status,
-    src: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.src
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.imageName,
+      color: _variables.GlobalColors.s5,
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatusAsignationInfo.StatusAsignationInfo, {
+      status: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.status,
+      src: headerInfo === null || headerInfo === void 0 ? void 0 : headerInfo.src
+    })]
+  });
 };
 
 exports.TableHeader = TableHeader;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TableRowDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _ = require(".");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/molecules/TableRow",
   component: _.TableRow,
@@ -22,7 +28,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_.TableRow, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TableRow, (0, _objectSpread2.default)({}, args));
 };
 
 var TableRowDefault = Template.bind({});

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

@@ -9,17 +9,21 @@ var _styles = require("./styles");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TableRow = function TableRow(_ref) {
   var feature = _ref.feature,
       value = _ref.value,
       valueType = _ref.valueType;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text",
-    text: feature
-  }), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "table-row-text " + (valueType && "gray-table-row"),
-    text: value
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text",
+      text: feature
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      headerType: "table-row-text " + (valueType && "gray-table-row"),
+      text: value
+    })]
+  });
 };
 
 exports.TableRow = TableRow;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabsSectionDefault = 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/TabsMenu",
   component: _index.TabsMenu
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TabsMenu, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, (0, _objectSpread2.default)({}, args));
 };
 
 var TabsSectionDefault = Template.bind({});

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

@@ -15,6 +15,8 @@ var _TabSection = require("../../atoms/TabSection");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TabsMenu = function TabsMenu(_ref) {
   var _ref$tabsSections = _ref.tabsSections,
       tabsSections = _ref$tabsSections === void 0 ? {} : _ref$tabsSections,
@@ -37,16 +39,17 @@ var TabsMenu = function TabsMenu(_ref) {
     setSections(tempArray);
   };
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, Object.keys(sections).map(function (key, index) {
-    return /*#__PURE__*/React.createElement(_TabSection.TabSection, {
-      key: index,
-      label: key,
-      active: sections[key],
-      onClick: function onClick() {
-        return activeSection(key, sections);
-      }
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: Object.keys(sections).map(function (key, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabSection.TabSection, {
+        label: key,
+        active: sections[key],
+        onClick: function onClick() {
+          return activeSection(key, sections);
+        }
+      }, index);
+    })
+  });
 };
 
 exports.TabsMenu = TabsMenu;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextAreaType = exports.InputType = 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/TagAndInput",
   component: _index.TagAndInput
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.TagAndInput, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInput, (0, _objectSpread2.default)({}, args));
 };
 
 var InputType = Template.bind({});

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

@@ -11,25 +11,27 @@ var _index = require("../../atoms/ScreenHeader/index");
 
 var _index2 = require("../../atoms/GeneralInput/index");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var TagAndInput = function TagAndInput(_ref) {
   var inputType = _ref.inputType,
       label = _ref.label,
       value = _ref.value,
       inputPlaceHolder = _ref.inputPlaceHolder,
       inputId = _ref.inputId;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
-    key: "generalTagInput-".concat(inputType)
-  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
-    text: label,
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement(_index2.GeneralInput, {
-    inputId: inputId,
-    inputType: inputType,
-    inputValue: value,
-    inputPlaceholder: inputPlaceHolder
-  }));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
+      text: label,
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.GeneralInput, {
+      inputId: inputId,
+      inputType: inputType,
+      inputValue: value,
+      inputPlaceholder: inputPlaceHolder
+    })]
+  }, "generalTagInput-".concat(inputType));
 };
 
 exports.TagAndInput = TagAndInput;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FullProductNameHeaderDefault = 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/FullProductNameHeader",
   component: _index.FullProductNameHeader
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.FullProductNameHeader, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullProductNameHeader, (0, _objectSpread2.default)({}, args));
 };
 
 var FullProductNameHeaderDefault = Template.bind({});

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

@@ -13,23 +13,28 @@ var _FeaturesBar = require("../../molecules/FeaturesBar");
 
 var _AvatarAndValidation = require("../../molecules/AvatarAndValidation");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullProductNameHeader = function FullProductNameHeader(_ref) {
   var headerData = _ref.headerData;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ProductNameHeader.ProductNameHeader, {
-    productName: headerData === null || headerData === void 0 ? void 0 : headerData.name,
-    statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
-    percent: headerData === null || headerData === void 0 ? void 0 : headerData.percent,
-    backgroundColor: headerData === null || headerData === void 0 ? void 0 : headerData.backgroundColor,
-    priority: headerData === null || headerData === void 0 ? void 0 : headerData.priority,
-    date: headerData === null || headerData === void 0 ? void 0 : headerData.date
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "features-bar-container"
-  }, /*#__PURE__*/React.createElement(_FeaturesBar.FeaturesBar, {
-    features: headerData === null || headerData === void 0 ? void 0 : headerData.features
-  }), /*#__PURE__*/React.createElement(_AvatarAndValidation.AvatarAndValidation, {
-    avatarData: headerData === null || headerData === void 0 ? void 0 : headerData.avatarData,
-    validation: headerData === null || headerData === void 0 ? void 0 : headerData.validation
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
+      productName: headerData === null || headerData === void 0 ? void 0 : headerData.name,
+      statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
+      percent: headerData === null || headerData === void 0 ? void 0 : headerData.percent,
+      backgroundColor: headerData === null || headerData === void 0 ? void 0 : headerData.backgroundColor,
+      priority: headerData === null || headerData === void 0 ? void 0 : headerData.priority,
+      date: headerData === null || headerData === void 0 ? void 0 : headerData.date
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "features-bar-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {
+        features: headerData === null || headerData === void 0 ? void 0 : headerData.features
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarAndValidation.AvatarAndValidation, {
+        avatarData: headerData === null || headerData === void 0 ? void 0 : headerData.avatarData,
+        validation: headerData === null || headerData === void 0 ? void 0 : headerData.validation
+      })]
+    })]
+  });
 };
 
 exports.FullProductNameHeader = FullProductNameHeader;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FullTabsMenuDefault = 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/FullTabsMenu",
   component: _index.FullTabsMenu
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.FullTabsMenu, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullTabsMenu, (0, _objectSpread2.default)({}, args));
 };
 
 var FullTabsMenuDefault = Template.bind({});

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

@@ -17,6 +17,8 @@ var _index2 = require("../../molecules/StatusAsignationInfo/index");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullTabsMenu = function FullTabsMenu(_ref) {
   var tabsSections = _ref.tabsSections,
       status = _ref.status,
@@ -29,16 +31,18 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       imagesSection = _useState2[0],
       setImagesSection = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.TabsMenu, {
-    tabsSections: tabsSections,
-    setImagesSection: setImagesSection,
-    setActiveTab: setActiveTab
-  }), /*#__PURE__*/React.createElement(_index2.StatusAsignationInfo, {
-    status: status,
-    image: profileImage,
-    setImageLayout: setImageLayout,
-    imagesSection: imagesSection
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TabsMenu, {
+      tabsSections: tabsSections,
+      setImagesSection: setImagesSection,
+      setActiveTab: setActiveTab
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusAsignationInfo, {
+      status: status,
+      image: profileImage,
+      setImageLayout: setImageLayout,
+      imagesSection: imagesSection
+    })]
+  });
 };
 
 exports.FullTabsMenu = FullTabsMenu;

package/dist/components/organisms/Fullplan/FullPlan.stories.js

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FullPlanDefault = 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/FullPlan",
   component: _index.FullPlan
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.FullPlan, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FullPlan, (0, _objectSpread2.default)({}, args));
 };
 
 var FullPlanDefault = Template.bind({});

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

@@ -21,6 +21,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _react = require("react");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var FullPlan = function FullPlan(_ref) {
   var title = _ref.title,
       textGeneral = _ref.textGeneral,
@@ -31,21 +33,27 @@ var FullPlan = function FullPlan(_ref) {
       buttonActive = _useState2[0],
       setbuttonActive = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-    headerType: "product-name-header",
-    text: title,
-    color: _variables.GlobalColors.original_purpura
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "general-text"
-  }, /*#__PURE__*/React.createElement("p", null, textGeneral)), /*#__PURE__*/React.createElement(_PlanSelection.PlanSelection, {
-    planSelection: containerData,
-    setbuttonActive: setbuttonActive
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
-    label: "Continuar"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        headerType: "product-name-header",
+        text: title,
+        color: _variables.GlobalColors.original_purpura
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "general-text",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: textGeneral
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PlanSelection.PlanSelection, {
+      planSelection: containerData,
+      setbuttonActive: setbuttonActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: buttonActive ? "general-default-button" : "general-transparent-button",
+      label: "Continuar"
+    })]
+  });
 };
 
 exports.FullPlan = FullPlan;

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

@@ -1,12 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageDataTableDefault = 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/ImageDataTable",
   component: _index.ImageDataTable
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ImageDataTable, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageDataTable, (0, _objectSpread2.default)({}, args));
 };
 
 var ImageDataTableDefault = Template.bind({});

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

@@ -11,24 +11,26 @@ var _TableHeader = require("../../molecules/TableHeader");
 
 var _TableRow = require("../../molecules/TableRow");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImageDataTable = function ImageDataTable(_ref) {
   var headerInfo = _ref.headerInfo,
       imageData = _ref.imageData,
       activeImage = _ref.activeImage,
       darkMode = _ref.darkMode;
-  return /*#__PURE__*/React.createElement(_styles.Container, {
-    darkMode: darkMode
-  }, /*#__PURE__*/React.createElement(_TableHeader.TableHeader, {
-    headerInfo: headerInfo,
-    activeImage: activeImage
-  }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
-    return /*#__PURE__*/React.createElement(_TableRow.TableRow, {
-      key: index,
-      feature: attribute.feature,
-      value: attribute.value,
-      valueType: index < 2
-    });
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    darkMode: darkMode,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
+      headerInfo: headerInfo,
+      activeImage: activeImage
+    }), imageData === null || imageData === void 0 ? void 0 : imageData.map(function (attribute, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableRow.TableRow, {
+        feature: attribute.feature,
+        value: attribute.value,
+        valueType: index < 2
+      }, index);
+    })]
+  });
 };
 
 exports.ImageDataTable = ImageDataTable;

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

@@ -1,12 +1,18 @@
 "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
@@ -14,7 +20,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.ImagePreviewer, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreviewer, (0, _objectSpread2.default)({}, args));
 };
 
 var ImagePreviewerDefault = Template.bind({});

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

@@ -11,20 +11,24 @@ var _EditionActiveImage = require("../../molecules/EditionActiveImage");
 
 var _ImageSelector = require("../../molecules/ImageSelector");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagePreviewer = function ImagePreviewer(_ref) {
   var _ref$imagesArray = _ref.imagesArray,
       imagesArray = _ref$imagesArray === void 0 ? [] : _ref$imagesArray,
       activeImage = _ref.activeImage,
       setActiveImage = _ref.setActiveImage,
       setShowModal = _ref.setShowModal;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_EditionActiveImage.EditionActiveImage, {
-    img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
-    altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
-    setShowModal: setShowModal
-  }), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
-    images: imagesArray,
-    setActiveImage: setActiveImage
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionActiveImage.EditionActiveImage, {
+      img: activeImage === null || activeImage === void 0 ? void 0 : activeImage.src,
+      altText: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
+      setShowModal: setShowModal
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelector.ImageSelector, {
+      images: imagesArray,
+      setActiveImage: setActiveImage
+    })]
+  });
 };
 
 exports.ImagePreviewer = ImagePreviewer;

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

@@ -13,9 +13,13 @@ var _styles = require("./styles");
 
 var _GalleryElement = require("../../molecules/GalleryElement");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ImagesGroup = function ImagesGroup(_ref) {
   (0, _objectDestructuringEmpty2.default)(_ref);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_GalleryElement.GalleryElement, null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryElement.GalleryElement, {})
+  });
 };
 
 exports.ImagesGroup = ImagesGroup;