contentoh-components-library 21.0.11 → 21.0.12

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

@@ -13,30 +13,24 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var AddProvidersAndProducts = function AddProvidersAndProducts(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       onClick = _ref.onClick,
       className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     className: className,
-    onClick: onClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "add-bags",
-      children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: image,
-        alt: altText
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        headerType: "header-and-paragraph",
-        text: "Comienza agregando Proveedores",
-        Paragraph: "O tambien puedes comenzar agregando tu productos"
-      })
-    })]
-  });
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add-bags"
+  }, image && /*#__PURE__*/React.createElement("img", {
+    src: image,
+    alt: altText
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    headerType: "header-and-paragraph",
+    text: "Comienza agregando Proveedores",
+    Paragraph: "O tambien puedes comenzar agregando tu productos"
+  })));
 };
 
 exports.AddProvidersAndProducts = AddProvidersAndProducts;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ApproveRejetPanelDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/molecules/ApproveRejetPanel",
+  component: _index.ApproveRejetPanel
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.ApproveRejetPanel, args);
+};
+
+var ApproveRejetPanelDefault = Template.bind({});
+exports.ApproveRejetPanelDefault = ApproveRejetPanelDefault;
+ApproveRejetPanelDefault.args = {
+  text: "113 productos",
+  check: false
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ApproveRejetPanel = void 0;
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _Avatar = require("../../atoms/Avatar");
+
+var _styles = require("./styles");
+
+var _approveRejetPanelDelete = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelDelete.svg"));
+
+var _approveRejetPanelCancel = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelCancel.svg"));
+
+var _approveRejetPanelSave = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelSave.svg"));
+
+var _approveRejetPanelExclude = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelExclude.svg"));
+
+var _variables = require("../../../global-files/variables");
+
+var ApproveRejetPanel = function ApproveRejetPanel(_ref) {
+  var text = _ref.text,
+      check = _ref.check;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    headerType: "date-header",
+    color: _variables.GlobalColors.s4,
+    text: text
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: _approveRejetPanelDelete.default,
+    imageType: "big-image",
+    altText: "delete button"
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: check ? _approveRejetPanelCancel.default : _approveRejetPanelExclude.default,
+    imageType: "big-image",
+    altText: check ? "cancel button" : "exclude button"
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: check ? _approveRejetPanelSave.default : _approveRejetPanelExclude.default,
+    imageType: "big-image",
+    altText: check ? "save button" : "exclude button"
+  }));
+};
+
+exports.ApproveRejetPanel = ApproveRejetPanel;

package/dist/components/{atoms/CharCounter → molecules/ApproveRejetPanel}/styles.js

@@ -11,10 +11,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 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  font-family: ", ";\n  color: ", ";\n  font-size: 13px;\n  text-align: right;\n  padding-right: 10px;\n"])), _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  .date-header + * {\n    margin-left: 30px;\n  }\n  .big-image + * {\n    margin-left: 10px;\n  }\n"])));
 
 exports.Container = Container;

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

@@ -7,16 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AssignedWorkDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _assignedImage = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage1.svg"));
 
 var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage2.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
 var _default = {
   title: "Components/molecules/AssignedWork",
@@ -33,7 +29,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AssignedWork, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.AssignedWork, args);
 };
 
 var AssignedWorkDefault = Template.bind({});

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

@@ -17,45 +17,39 @@ var _flag = _interopRequireDefault(require("../../../assets/images/componentAssi
 
 var _index2 = require("../../atoms/Avatar/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var AssignedWork = function AssignedWork(_ref) {
   var statusType = _ref.statusType,
       assignedImage = _ref.assignedImage;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "status-".concat(statusType),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "header-flag",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-        headerType: "header-and-paragraph",
-        text: "Producto recibido",
-        Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: "flag",
-        src: _flag.default
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "clock-assigned",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "clock-header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          className: "clock",
-          src: _clock.default
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-          headerType: "date-header",
-          text: "12/04/2021"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "assigned",
-        children: assignedImage.reverse().map(function (assigned, index) {
-          return index < 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
-            image: assigned.image,
-            imageType: "big-image"
-          }, index);
-        })
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: "status-".concat(statusType)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header-flag"
+  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "header-and-paragraph",
+    text: "Producto recibido",
+    Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
+  }), /*#__PURE__*/React.createElement("img", {
+    className: "flag",
+    src: _flag.default
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "clock-assigned"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "clock-header"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "clock",
+    src: _clock.default
+  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "date-header",
+    text: "12/04/2021"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "assigned"
+  }, assignedImage.reverse().map(function (assigned, index) {
+    return index < 2 && /*#__PURE__*/React.createElement(_index2.Avatar, {
+      key: index,
+      image: assigned.image,
+      imageType: "big-image"
+    });
+  }))));
 };
 
 exports.AssignedWork = AssignedWork;

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

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

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

@@ -21,20 +21,10 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _ValidationPanel = require("../../atoms/ValidationPanel");
 
-var _RetailerSelector = require("../RetailerSelector");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
 //Components
 var AvatarAndValidation = function AvatarAndValidation(_ref) {
-  var retailers = _ref.retailers,
-      validation = _ref.validation,
-      activeRetailer = _ref.activeRetailer,
-      setActiveRetailer = _ref.setActiveRetailer,
-      approveRejectButtons = _ref.approveRejectButtons,
-      sendToFacilitator = _ref.sendToFacilitator,
-      auditorAssigned = _ref.auditorAssigned,
-      userAssigned = _ref.userAssigned;
+  var avatarData = _ref.avatarData,
+      validation = _ref.validation;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -58,26 +48,21 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "buttons-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerSelector.RetailerSelector, {
-        retailers: retailers,
-        activeRetailer: activeRetailer,
-        setActiveRetailer: setActiveRetailer
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropDownButton.DropDownButton, {}), approveRejectButtons() && (auditorAssigned() || userAssigned && userAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "circular-button ".concat(buttonType),
-        onClick: function onClick() {
-          return setShowValidationPanel(true);
-        }
-      })]
-    }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
-      id: "validation-panel",
-      setOptionClicked: setButtonType,
-      setShowValidationPanel: setShowValidationPanel,
-      sendToFacilitator: sendToFacilitator
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "buttons-container"
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: avatarData === null || avatarData === void 0 ? void 0 : avatarData.image,
+    altText: avatarData === null || avatarData === void 0 ? void 0 : avatarData.altText
+  }), /*#__PURE__*/React.createElement(_DropDownButton.DropDownButton, null), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: "circular-button ".concat(buttonType),
+    onClick: function onClick() {
+      return setShowValidationPanel(true);
+    }
+  })), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
+    id: "validation-panel",
+    setOptionClicked: setButtonType,
+    setShowValidationPanel: setShowValidationPanel
+  }));
 };
 
 exports.AvatarAndValidation = AvatarAndValidation;

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

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: fit-content;\n\n  .buttons-container {\n    display: flex;\n    align-items: center;\n\n    > * + * {\n      margin-left: 3px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: fit-content;\n\n  .buttons-container {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 3px;\n    }\n  }\n"])));
 
 exports.Container = Container;

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

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.CarouselImagesLoginDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -17,8 +15,6 @@ var _login = _interopRequireDefault(require("../../../assets/images/carouselImag
 
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/molecules/CarouselImagesLogin",
   component: _index.CarouselImagesLogin
@@ -26,7 +22,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CarouselImagesLogin, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.CarouselImagesLogin, args);
 };
 
 var CarouselImagesLoginDefault = Template.bind({});

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

@@ -13,8 +13,6 @@ var _variables = require("../../../global-files/variables");
 
 var _react = require("react");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var CarouselImagesLogin = function CarouselImagesLogin(_ref) {
   var _ref$panelImg = _ref.panelImg,
       panelImg = _ref$panelImg === void 0 ? [] : _ref$panelImg,
@@ -71,24 +69,22 @@ var CarouselImagesLogin = function CarouselImagesLogin(_ref) {
   (0, _react.useEffect)(function () {
     carouselStart();
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    panelColor: panelColor,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      id: "slideshow",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        id: "img1"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        id: "img2"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.Raleway,
-      color: _variables.GlobalColors.white,
-      headerType: "product-name-header",
-      text: panelText
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      id: "indicadores"
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    panelColor: panelColor
+  }, /*#__PURE__*/React.createElement("div", {
+    id: "slideshow"
+  }, /*#__PURE__*/React.createElement("img", {
+    id: "img1"
+  }), /*#__PURE__*/React.createElement("img", {
+    id: "img2"
+  })), /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.Raleway,
+    color: _variables.GlobalColors.white,
+    headerType: "product-name-header",
+    text: panelText
+  }), /*#__PURE__*/React.createElement("div", {
+    id: "indicadores"
+  }));
 };
 
 exports.CarouselImagesLogin = CarouselImagesLogin;

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

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

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

@@ -11,24 +11,20 @@ var _index = require("../../atoms/ProductImage/index");
 
 var _index2 = require("../../atoms/GeneralButton/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var EditionActiveImage = function EditionActiveImage(_ref) {
   var img = _ref.img,
       altText = _ref.altText,
       setShowModal = _ref.setShowModal;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
-      img: img,
-      imageType: "main-image",
-      altText: altText
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-      buttonType: "open-modal-button",
-      onClick: function onClick() {
-        return setShowModal(true);
-      }
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_index.ProductImage, {
+    img: img,
+    imageType: "main-image",
+    altText: altText
+  }), /*#__PURE__*/React.createElement(_index2.Button, {
+    buttonType: "open-modal-button",
+    onClick: function onClick() {
+      return setShowModal(true);
+    }
+  }));
 };
 
 exports.EditionActiveImage = EditionActiveImage;

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

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

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

@@ -15,8 +15,6 @@ var _index = require("../../atoms/FeatureTag/index");
 
 var _react = require("react");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var FeaturesBar = function FeaturesBar(_ref) {
   var features = _ref.features;
 
@@ -30,15 +28,15 @@ var FeaturesBar = function FeaturesBar(_ref) {
 
     setIsIE(((_window$navigator$use = window.navigator.userAgentString) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.indexOf("MSIE")) > -1 || ((_window$navigator$use2 = window.navigator.userAgentString) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.indexOf("rv:")) > -1);
   }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: isIE ? "IEClass" : "gapClass",
-    children: features !== undefined && features.map(function (feature, index) {
-      return feature.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FeatureTag, {
-        feature: feature.feature,
-        value: feature.value
-      }, index);
-    })
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: isIE ? "IEClass" : "gapClass"
+  }, features !== undefined && features.map(function (feature, index) {
+    return /*#__PURE__*/React.createElement(_index.FeatureTag, {
+      key: index,
+      feature: feature.feature,
+      value: feature.value
+    });
+  }));
 };
 
 exports.FeaturesBar = FeaturesBar;

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

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