contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,70 +1,91 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TagAndInput = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/ScreenHeader/index");
+
 var _index2 = require("../../atoms/GeneralInput/index");
+
 var _react = require("react");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const TagAndInput = _ref => {
-  let {
-    inputType,
-    label,
-    value,
-    inputPlaceHolder,
-    inputId,
-    updatedDescriptions,
-    setUpdatedDescriptions,
-    updatedDatasheets,
-    setUpdatedDatasheets,
-    articleId,
-    version,
-    index,
-    isRequired,
-    dinamicHeight,
-    inputCols,
-    inputRows,
-    maxChar,
-    required,
-    optionList,
-    description,
-    inputOnChange,
-    color,
-    disabled,
-    onKeyDown,
-    showTooltip,
-    auditClass,
-    onChange,
-    dataInputs,
-    inputGroup,
-    boxOnboardingData
-  } = _ref;
-  const [boxOnboardingList, setBoxOnboardingList] = (0, _react.useState)(boxOnboardingData || []);
-  (0, _react.useEffect)(() => {
-    const temp = {};
-    let maxBoxId = 0;
-    inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.inputs.forEach(attrId => {
+
+var TagAndInput = function TagAndInput(_ref) {
+  var inputType = _ref.inputType,
+      label = _ref.label,
+      value = _ref.value,
+      inputPlaceHolder = _ref.inputPlaceHolder,
+      inputId = _ref.inputId,
+      updatedDescriptions = _ref.updatedDescriptions,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      updatedDatasheets = _ref.updatedDatasheets,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      articleId = _ref.articleId,
+      version = _ref.version,
+      index = _ref.index,
+      isRequired = _ref.isRequired,
+      dinamicHeight = _ref.dinamicHeight,
+      inputCols = _ref.inputCols,
+      inputRows = _ref.inputRows,
+      maxChar = _ref.maxChar,
+      required = _ref.required,
+      optionList = _ref.optionList,
+      description = _ref.description,
+      inputOnChange = _ref.inputOnChange,
+      color = _ref.color,
+      disabled = _ref.disabled,
+      onKeyDown = _ref.onKeyDown,
+      showTooltip = _ref.showTooltip,
+      auditClass = _ref.auditClass,
+      onChange = _ref.onChange,
+      dataInputs = _ref.dataInputs,
+      inputGroup = _ref.inputGroup,
+      boxOnboardingData = _ref.boxOnboardingData;
+
+  var _useState = (0, _react.useState)(boxOnboardingData || []),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      boxOnboardingList = _useState2[0],
+      setBoxOnboardingList = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var temp = {};
+    var maxBoxId = 0;
+    inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.inputs.forEach(function (attrId) {
       if (!dataInputs[attrId].box) return;
-      Object.entries(dataInputs[attrId].box).forEach(_ref2 => {
-        let [boxId, value] = _ref2;
+      Object.entries(dataInputs[attrId].box).forEach(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+            boxId = _ref3[0],
+            value = _ref3[1];
+
         if (boxId > maxBoxId) maxBoxId = boxId;
         if (!temp[boxId]) temp[boxId] = {};
         temp[boxId][attrId] = value;
       });
     });
-    const tempList = Object.values(temp);
+    var tempList = Object.values(temp);
+
     if (tempList.length > 0) {
-      setBoxOnboardingList(tempList.map((value, index) => index === tempList.length - 1 ? {
-        value
-      } : {
-        value
+      setBoxOnboardingList(tempList.map(function (value, index) {
+        return index === tempList.length - 1 ? {
+          value: value
+        } : {
+          value: value
+        };
       }));
     }
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     onChange && onChange(boxOnboardingList);
   }, [boxOnboardingList]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -104,20 +125,21 @@ const TagAndInput = _ref => {
       inputOnChange: inputOnChange,
       onKeyDown: onKeyDown,
       auditClass: auditClass,
-      onChange: e => {
-        setBoxOnboardingList(prev => {
-          return prev.map((box, i) => {
+      onChange: function onChange(e) {
+        setBoxOnboardingList(function (prev) {
+          return prev.map(function (box, i) {
             if (i != index) {
               return box;
             }
-            return {
-              ...box,
+
+            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, box), {}, {
               value: e
-            };
+            });
           });
         });
       }
     })]
   }, "generalTagInput-".concat(inputType));
 };
+
 exports.TagAndInput = TagAndInput;

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

@@ -1,27 +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;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, _ref => {
-  let {
-    color
-  } = _ref;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 14px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n      transition: display 2s;\n    }\n\n    &:hover {\n      .tooltip {\n        display: block;\n      }\n    }\n  }\n\n  & > :first-child {\n    & + * {\n      margin-top: ", "px;\n    }\n  }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+  var color = _ref.color;
   return color ? color : _variables.GlobalColors.s5;
-}, _variables.FontFamily.Raleway, _ref2 => {
-  let {
-    inputType
-  } = _ref2;
+}, _variables.FontFamily.Raleway, function (_ref2) {
+  var inputType = _ref2.inputType;
   return inputType !== "textarea" ? 4 : 15;
-}, _ref3 => {
-  let {
-    inputType
-  } = _ref3;
+}, function (_ref3) {
+  var inputType = _ref3.inputType;
   return inputType !== "textarea" ? 0 : 10;
-});
+});
+
+exports.Container = Container;

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

@@ -1,26 +1,38 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/molecules/TagAndInputv2",
   component: _index.TagAndInputv2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInputv2, {
-  ...args
-});
-const InputType = exports.InputType = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TagAndInputv2, (0, _objectSpread2.default)({}, args));
+};
+
+var InputType = Template.bind({});
+exports.InputType = InputType;
 InputType.args = {
   label: "Default text label",
   inputType: "text",
   value: "default text",
   inputPlaceHolder: "default placeholder"
 };
-const TextAreaType = exports.TextAreaType = Template.bind({});
+var TextAreaType = Template.bind({});
+exports.TextAreaType = TextAreaType;
 TextAreaType.args = {
   label: "Default textarea label",
   inputType: "textarea",

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

@@ -4,43 +4,46 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TagAndInputv2 = void 0;
+
 var _styles = require("./styles");
+
 var _GeneralInputv = require("../../atoms/GeneralInputv2");
+
 var _ScreenHeaderv = require("../../atoms/ScreenHeaderv2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const TagAndInputv2 = _ref => {
-  let {
-    inputType,
-    label,
-    value,
-    inputPlaceHolder,
-    inputId,
-    updatedDescriptions,
-    setUpdatedDescriptions,
-    updatedDatasheets,
-    setUpdatedDatasheets,
-    articleId,
-    version,
-    index,
-    isRequired,
-    dinamicHeight,
-    inputCols,
-    inputRows,
-    minChar,
-    maxChar,
-    minWords,
-    maxWords,
-    required,
-    optionList,
-    description,
-    inputOnChange,
-    color,
-    disabled,
-    onKeyDown,
-    showTooltip,
-    auditClass,
-    showMissingChars
-  } = _ref;
+
+var TagAndInputv2 = function TagAndInputv2(_ref) {
+  var inputType = _ref.inputType,
+      label = _ref.label,
+      value = _ref.value,
+      inputPlaceHolder = _ref.inputPlaceHolder,
+      inputId = _ref.inputId,
+      updatedDescriptions = _ref.updatedDescriptions,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      updatedDatasheets = _ref.updatedDatasheets,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      articleId = _ref.articleId,
+      version = _ref.version,
+      index = _ref.index,
+      isRequired = _ref.isRequired,
+      dinamicHeight = _ref.dinamicHeight,
+      inputCols = _ref.inputCols,
+      inputRows = _ref.inputRows,
+      minChar = _ref.minChar,
+      maxChar = _ref.maxChar,
+      minWords = _ref.minWords,
+      maxWords = _ref.maxWords,
+      required = _ref.required,
+      optionList = _ref.optionList,
+      description = _ref.description,
+      inputOnChange = _ref.inputOnChange,
+      color = _ref.color,
+      disabled = _ref.disabled,
+      onKeyDown = _ref.onKeyDown,
+      showTooltip = _ref.showTooltip,
+      auditClass = _ref.auditClass,
+      showMissingChars = _ref.showMissingChars;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     inputType: inputType,
     className: "input-container",
@@ -85,4 +88,5 @@ const TagAndInputv2 = _ref => {
     })]
   }, "generalTagInput-".concat(inputType));
 };
+
 exports.TagAndInputv2 = TagAndInputv2;

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

@@ -1,27 +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;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n    }\n\n    // &:hover {\n    //   .tooltip {\n    //     display: block;\n    //   }\n    // }\n  }\n\n  // & > :first-child {\n  //   & + * {\n  //     margin-top: ", "px;\n  //   }\n  // }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, _ref => {
-  let {
-    color
-  } = _ref;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .title-container {\n    position: relative;\n    .tooltip {\n      display: none;\n      position: absolute;\n      background-color: ", ";\n      color: ", ";\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 19px;\n      left: 0;\n      top: 0;\n      height: fit-content;\n    }\n\n    // &:hover {\n    //   .tooltip {\n    //     display: block;\n    //   }\n    // }\n  }\n\n  // & > :first-child {\n  //   & + * {\n  //     margin-top: ", "px;\n  //   }\n  // }\n  & + * {\n    margin-top: ", "px;\n  }\n"])), _variables.GlobalColors.white, function (_ref) {
+  var color = _ref.color;
   return color ? color : _variables.GlobalColors.s5;
-}, _variables.FontFamily.Raleway, _ref2 => {
-  let {
-    inputType
-  } = _ref2;
+}, _variables.FontFamily.Raleway, function (_ref2) {
+  var inputType = _ref2.inputType;
   return inputType !== "textarea" ? 4 : 15;
-}, _ref3 => {
-  let {
-    inputType
-  } = _ref3;
+}, function (_ref3) {
+  var inputType = _ref3.inputType;
   return inputType !== "textarea" ? 0 : 10;
-});
+});
+
+exports.Container = Container;

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

@@ -1,17 +1,28 @@
 "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 = exports.default = {
+
+var _default = {
   title: "Components/molecules/AvatarAndValidation",
   component: _index.AvatarAndValidation
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AvatarAndValidation, {
-  ...args
-});
-const AvatarAndValidationDefault = exports.AvatarAndValidationDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AvatarAndValidation, (0, _objectSpread2.default)({}, args));
+};
+
+var AvatarAndValidationDefault = Template.bind({});
+exports.AvatarAndValidationDefault = AvatarAndValidationDefault;
 AvatarAndValidationDefault.args = {};

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

@@ -1,40 +1,59 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Validation = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _react = require("react");
+
 var _styles = require("./styles");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _ValidationPanel = require("../../atoms/ValidationPanel");
+
 var _RetailerSelector = require("../RetailerSelector");
+
 var _ButtonV = require("../../atoms/ButtonV2");
+
 var _jsxRuntime = require("react/jsx-runtime");
+
 //Components
+var Validation = function Validation(_ref) {
+  var retailers = _ref.retailers,
+      validation = _ref.validation,
+      activeRetailer = _ref.activeRetailer,
+      setActiveRetailer = _ref.setActiveRetailer,
+      showValidationButtons = _ref.showValidationButtons,
+      approve = _ref.approve,
+      reject = _ref.reject,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      showApproveRejectAll = _ref.showApproveRejectAll;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showValidationPanel = _useState2[0],
+      setShowValidationPanel = _useState2[1];
 
-const Validation = _ref => {
-  let {
-    retailers,
-    validation,
-    activeRetailer,
-    setActiveRetailer,
-    showValidationButtons,
-    approve,
-    reject,
-    approveAll,
-    rejectAll,
-    showApproveRejectAll
-  } = _ref;
-  const [showValidationPanel, setShowValidationPanel] = (0, _react.useState)(false);
-  const [buttonType, setButtonType] = (0, _react.useState)(validation ? validation : "null-button");
-  const closeValidationPanel = e => {
+  var _useState3 = (0, _react.useState)(validation ? validation : "null-button"),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      buttonType = _useState4[0],
+      setButtonType = _useState4[1];
+
+  var closeValidationPanel = function closeValidationPanel(e) {
     if (!e.target.closest("#validation-panel") || e.target.closest(".validation-option") && showValidationPanel) {
       document.removeEventListener("click", closeValidationPanel, false);
       setShowValidationPanel(false);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     if (showValidationPanel) {
       document.addEventListener("click", closeValidationPanel, false);
     }
@@ -49,7 +68,7 @@ const Validation = _ref => {
         borderType: "oval",
         label: "Validar información",
         size: 10,
-        onClick: e => {
+        onClick: function onClick(e) {
           e.stopPropagation();
           setShowValidationPanel(true);
         }
@@ -66,4 +85,5 @@ const Validation = _ref => {
     })]
   });
 };
+
 exports.Validation = Validation;

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

@@ -1,11 +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;
-const Container = exports.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  #btn-validar-info button{\n    height:20px;\n    padding:4px 10px;\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  #btn-validar-info button{\n    height:20px;\n    padding:4px 10px;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -1,17 +1,28 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.VerificationCodeResetPasswordLoginDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/VerificationCodeResetPasswordLogin",
   component: _index.VerificationCodeResetPasswordLogin
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPasswordLogin, {
-  ...args
-});
-const VerificationCodeResetPasswordLoginDefault = exports.VerificationCodeResetPasswordLoginDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPasswordLogin, (0, _objectSpread2.default)({}, args));
+};
+
+var VerificationCodeResetPasswordLoginDefault = Template.bind({});
+exports.VerificationCodeResetPasswordLoginDefault = VerificationCodeResetPasswordLoginDefault;
 VerificationCodeResetPasswordLoginDefault.args = {};