contentoh-components-library 21.4.109 → 21.4.111

package/dist/components/atoms/GeneralInput/style.js

@@ -0,0 +1,29 @@
+"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: 100%;\n\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 2px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  &.audit-class {\n    input,\n    .quill {\n      border: 1px solid #8a6caa;\n      background-color: #ededfc;\n    }\n  }\n"])), function (_ref) {
+  var isRequired = _ref.isRequired;
+  return isRequired ? "red" : "none";
+}, function (_ref2) {
+  var isRequired = _ref2.isRequired;
+  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, function (_ref3) {
+  var isRequired = _ref3.isRequired;
+  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;

package/dist/components/pages/MultipleEdition/MultipleEdition.stories.js

@@ -9,18 +9,18 @@ exports.default = exports.MultipleEditionDefault = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = _interopRequireDefault(require("./index"));
+var _index = require("./index");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
   title: "Components/pages/MultipleEdition",
-  component: _index.default
+  component: _index.MultipleEdition
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MultipleEdition, (0, _objectSpread2.default)({}, args));
 };
 
 var MultipleEditionDefault = Template.bind({});

package/dist/components/pages/MultipleEdition/index.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.MultipleEdition = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -59,7 +59,7 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function MultipleEdition(_ref) {
+var MultipleEdition = function MultipleEdition(_ref) {
   var articles = _ref.articles,
       versions = _ref.versions,
       onClose = _ref.onClose,
@@ -159,35 +159,33 @@ function MultipleEdition(_ref) {
       data: data
     });
   }, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "tabs",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.default, {
-            getSection: setSection
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: _beenhere.default,
-          alt: "beenhere"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "action_buttons",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: _closeMagenta.default,
-          alt: "Cerrar",
-          onClick: function onClick() {
-            return onClose && onClose();
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "table",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
-          withCheckbox: true,
-          columns: currentData.columns,
-          data: currentData.data
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "tabs",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditionTabs.default, {
+          getSection: setSection
         })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _beenhere.default,
+        alt: "beenhere"
       })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "action_buttons",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: _closeMagenta.default,
+        alt: "Cerrar",
+        onClick: function onClick() {
+          return onClose && onClose();
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "table",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.default, {
+        withCheckbox: true,
+        columns: currentData.columns,
+        data: currentData.data
+      })
     }), modalFromTable, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, (0, _objectSpread2.default)({}, modal)), showRejectModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       title: "Agregar mensaje de rechazo",
       show: showRejectModal,
@@ -252,7 +250,6 @@ function MultipleEdition(_ref) {
       }
     })]
   });
-}
+};
 
-var _default = MultipleEdition;
-exports.default = _default;
+exports.MultipleEdition = MultipleEdition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.109",
+  "version": "21.4.111",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/pages/MultipleEdition/MultipleEdition.stories.js

@@ -1,4 +1,4 @@
-import MultipleEdition from "./index";
+import {MultipleEdition} from "./index";
 
 export default {
   title: "Components/pages/MultipleEdition",

package/src/components/pages/MultipleEdition/index.js

@@ -26,7 +26,7 @@ import { TagAndInput } from "../../molecules/TagAndInput";
 import { GenericModal } from "../../atoms/GenericModal";
 import { ScreenHeader } from "../../atoms/ScreenHeader";
 
-function MultipleEdition({ articles, versions, onClose, token }) {
+  export const MultipleEdition = ({ articles, versions, onClose, token }) => {
   const [section, setSection] = useState("description");
   const [attributeSelected, setAttributeSelected] = useState({articleId: "", attributeId: "", versionId:""});
   const [attributesReviewed, setAttributesReviewed] = useState([]);
@@ -81,7 +81,7 @@ function MultipleEdition({ articles, versions, onClose, token }) {
   }, [section, dataServices, attributeSelected, showValidationPanel, attributesReviewed]);
 
   return (
-    <>
+    
       <Container>
         <div className="tabs">
           <div>
@@ -102,10 +102,7 @@ function MultipleEdition({ articles, versions, onClose, token }) {
             columns={currentData.columns}
             data={currentData.data}
           />
-          
-          
         </div>
-      </Container>
       {modalFromTable}
       <Modal {...modal} />
       {showRejectModal && (
@@ -173,8 +170,9 @@ function MultipleEdition({ articles, versions, onClose, token }) {
           }}
         />
       )}
-    </>
+      </Container>
+      
+    
   );
 }
 
-export default MultipleEdition;