contentoh-components-library 21.4.102 → 21.4.104

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

@@ -1,53 +1,73 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GeneralInput = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _react = require("react");
+
 var _styles = require("./styles");
+
 var _InputFormatter = require("../InputFormatter");
+
 var _CheckBox = require("../CheckBox");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const GeneralInput = _ref => {
-  let {
-    inputType,
-    inputId,
-    inputName,
-    inputValue = "",
-    inputPlaceholder,
-    validateInput,
-    position,
-    inputsArray,
-    inputSize,
-    articleId,
-    updatedDatasheets,
-    setUpdatedDatasheets,
-    updatedDescriptions,
-    setUpdatedDescriptions,
-    maxChar,
-    isRequired,
-    version,
-    optionList = [],
-    description,
-    inputOnChange,
-    disabled,
-    onKeyDown,
-    auditClass
-  } = _ref;
-  const [textValue, setTextValue] = (0, _react.useState)({
+
+var GeneralInput = function GeneralInput(_ref) {
+  var inputType = _ref.inputType,
+      inputId = _ref.inputId,
+      inputName = _ref.inputName,
+      _ref$inputValue = _ref.inputValue,
+      inputValue = _ref$inputValue === void 0 ? "" : _ref$inputValue,
+      inputPlaceholder = _ref.inputPlaceholder,
+      validateInput = _ref.validateInput,
+      position = _ref.position,
+      inputsArray = _ref.inputsArray,
+      inputSize = _ref.inputSize,
+      articleId = _ref.articleId,
+      updatedDatasheets = _ref.updatedDatasheets,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      updatedDescriptions = _ref.updatedDescriptions,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      maxChar = _ref.maxChar,
+      isRequired = _ref.isRequired,
+      version = _ref.version,
+      _ref$optionList = _ref.optionList,
+      optionList = _ref$optionList === void 0 ? [] : _ref$optionList,
+      description = _ref.description,
+      inputOnChange = _ref.inputOnChange,
+      disabled = _ref.disabled,
+      onKeyDown = _ref.onKeyDown,
+      auditClass = _ref.auditClass;
+
+  var _useState = (0, _react.useState)({
     value: inputValue
-  });
-  const [requiredEmpty, setRequiredEmpty] = (0, _react.useState)(false);
-  const onHandleChange = evt => {
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      textValue = _useState2[0],
+      setTextValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      requiredEmpty = _useState4[0],
+      setRequiredEmpty = _useState4[1];
+
+  var onHandleChange = function onHandleChange(evt) {
     if (validateInput) {
       setTextValue({
         value: validateInput(evt, position, inputsArray)
       });
     } else if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
-      let generalValue;
+      var generalValue;
+
       if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
-        let valueSelected = evt.target.value;
+        var valueSelected = evt.target.value;
         generalValue = valueSelected;
         setTextValue({
           value: generalValue
@@ -58,9 +78,14 @@ const GeneralInput = _ref => {
           value: generalValue
         });
       }
-      let dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
+
+      var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
+
       if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
-        const index = dataSave.findIndex(e => e.attributeId === inputId);
+        var index = dataSave.findIndex(function (e) {
+          return e.attributeId === inputId;
+        });
+
         if (index !== -1) {
           if (generalValue !== inputValue) dataSave[index].value = generalValue;else dataSave.splice(index, 1);
         } else {
@@ -79,6 +104,7 @@ const GeneralInput = _ref => {
           });
         }
       }
+
       setUpdatedDatasheets(dataSave);
     } else {
       setTextValue({
@@ -87,35 +113,47 @@ const GeneralInput = _ref => {
       inputOnChange && inputOnChange(evt);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     var _textValue$value;
+
     setRequiredEmpty(isRequired && (((_textValue$value = textValue.value) === null || _textValue$value === void 0 ? void 0 : _textValue$value.length) === 0 || textValue.value === undefined));
   }, [textValue]);
-  const numberInputOnWheelPreventChange = e => {
+
+  var numberInputOnWheelPreventChange = function numberInputOnWheelPreventChange(e) {
     // Prevent the input value change
-    e.target.blur();
-    // Prevent the page/container scrolling
-    e.stopPropagation();
-    // Refocus immediately, on the next tick (after the current function is done)
-    setTimeout(() => e.target.focus(), 0);
+    e.target.blur(); // Prevent the page/container scrolling
+
+    e.stopPropagation(); // Refocus immediately, on the next tick (after the current function is done)
+
+    setTimeout(function () {
+      return e.target.focus();
+    }, 0);
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     isRequired: requiredEmpty,
     className: auditClass,
     children: [(optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       id: "dropdown".concat(inputId),
-      onChange: e => onHandleChange(e),
+      onChange: function onChange(e) {
+        return onHandleChange(e);
+      },
       defaultValue: textValue.value,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         value: "",
         children: description
-      }), JSON.parse(optionList || "[]").map((element, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: element,
-        children: element
-      }, element + "-" + index))]
+      }), JSON.parse(optionList || "[]").map(function (element, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: element,
+          children: element
+        }, element + "-" + index);
+      })]
     }, "dropdownK".concat(inputId)) : inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
       id: inputId,
-      onChange: e => onHandleChange(e),
+      onChange: function onChange(e) {
+        return onHandleChange(e);
+      },
       defaultChecked: textValue.value === "true" ? true : false
     }) : inputType !== "textarea" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: inputType,
@@ -125,7 +163,9 @@ const GeneralInput = _ref => {
       className: "general-input",
       placeholder: inputPlaceholder,
       value: textValue.value,
-      onInput: e => onHandleChange(e),
+      onInput: function onInput(e) {
+        return onHandleChange(e);
+      },
       maxLength: maxChar,
       required: isRequired,
       onKeyDown: onKeyDown,
@@ -146,4 +186,5 @@ const GeneralInput = _ref => {
     })]
   });
 };
+
 exports.GeneralInput = GeneralInput;

package/dist/components/atoms/GeneralInput/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  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"])), _ref => {
-  let {
-    isRequired
-  } = _ref;
+
+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";
-}, _ref2 => {
-  let {
-    isRequired
-  } = _ref2;
+}, function (_ref2) {
+  var isRequired = _ref2.isRequired;
   return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _ref3 => {
-  let {
-    isRequired
-  } = _ref3;
+}, _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);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;

package/dist/components/atoms/GeneralInputv2/GeneralInputv2.stories.js

@@ -1,12 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextArea = exports.Input = 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/atoms/GeneralInputv2",
   component: _index.GeneralInputv2,
   argTypes: {
@@ -18,16 +25,21 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralInputv2, {
-  ...args
-});
-const Input = exports.Input = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralInputv2, (0, _objectSpread2.default)({}, args));
+};
+
+var Input = Template.bind({});
+exports.Input = Input;
 Input.args = {
   inputId: "default-input",
   inputType: "text",
   inputPlaceholder: "placeholder text"
 };
-const TextArea = exports.TextArea = Template.bind({});
+var TextArea = Template.bind({});
+exports.TextArea = TextArea;
 TextArea.args = {
   inputType: "textarea",
   inputId: "default-input",

package/dist/components/atoms/GeneralInputv2/index.js

@@ -1,53 +1,73 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GeneralInputv2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _react = require("react");
+
 var _styles = require("./styles");
+
 var _CheckBox = require("../CheckBox");
+
 var _InputFormatterv = require("../InputFormatterv2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const GeneralInputv2 = _ref => {
-  let {
-    inputType,
-    inputId,
-    inputName,
-    inputValue = "",
-    inputPlaceholder,
-    validateInput,
-    position,
-    inputsArray,
-    inputSize,
-    articleId,
-    updatedDatasheets,
-    setUpdatedDatasheets,
-    updatedDescriptions,
-    setUpdatedDescriptions,
-    maxChar,
-    isRequired,
-    version,
-    optionList = [],
-    description,
-    inputOnChange,
-    disabled,
-    onKeyDown,
-    auditClass
-  } = _ref;
-  const [textValue, setTextValue] = (0, _react.useState)({
+
+var GeneralInputv2 = function GeneralInputv2(_ref) {
+  var inputType = _ref.inputType,
+      inputId = _ref.inputId,
+      inputName = _ref.inputName,
+      _ref$inputValue = _ref.inputValue,
+      inputValue = _ref$inputValue === void 0 ? "" : _ref$inputValue,
+      inputPlaceholder = _ref.inputPlaceholder,
+      validateInput = _ref.validateInput,
+      position = _ref.position,
+      inputsArray = _ref.inputsArray,
+      inputSize = _ref.inputSize,
+      articleId = _ref.articleId,
+      updatedDatasheets = _ref.updatedDatasheets,
+      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
+      updatedDescriptions = _ref.updatedDescriptions,
+      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
+      maxChar = _ref.maxChar,
+      isRequired = _ref.isRequired,
+      version = _ref.version,
+      _ref$optionList = _ref.optionList,
+      optionList = _ref$optionList === void 0 ? [] : _ref$optionList,
+      description = _ref.description,
+      inputOnChange = _ref.inputOnChange,
+      disabled = _ref.disabled,
+      onKeyDown = _ref.onKeyDown,
+      auditClass = _ref.auditClass;
+
+  var _useState = (0, _react.useState)({
     value: inputValue
-  });
-  const [requiredEmpty, setRequiredEmpty] = (0, _react.useState)(false);
-  const onHandleChange = evt => {
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      textValue = _useState2[0],
+      setTextValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      requiredEmpty = _useState4[0],
+      setRequiredEmpty = _useState4[1];
+
+  var onHandleChange = function onHandleChange(evt) {
     if (validateInput) {
       setTextValue({
         value: validateInput(evt, position, inputsArray)
       });
     } else if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
-      let generalValue;
+      var generalValue;
+
       if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
-        let valueSelected = evt.target.value;
+        var valueSelected = evt.target.value;
         generalValue = valueSelected;
         setTextValue({
           value: generalValue
@@ -58,9 +78,14 @@ const GeneralInputv2 = _ref => {
           value: generalValue
         });
       }
-      let dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
+
+      var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
+
       if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
-        const index = dataSave.findIndex(e => e.attributeId === inputId);
+        var index = dataSave.findIndex(function (e) {
+          return e.attributeId === inputId;
+        });
+
         if (index !== -1) {
           if (generalValue !== inputValue) dataSave[index].value = generalValue;else dataSave.splice(index, 1);
         } else {
@@ -79,6 +104,7 @@ const GeneralInputv2 = _ref => {
           });
         }
       }
+
       setUpdatedDatasheets(dataSave);
     } else {
       setTextValue({
@@ -87,35 +113,47 @@ const GeneralInputv2 = _ref => {
       inputOnChange && inputOnChange(evt);
     }
   };
-  (0, _react.useEffect)(() => {
+
+  (0, _react.useEffect)(function () {
     var _textValue$value;
+
     setRequiredEmpty(isRequired && (((_textValue$value = textValue.value) === null || _textValue$value === void 0 ? void 0 : _textValue$value.length) === 0 || textValue.value === undefined));
   }, [textValue]);
-  const numberInputOnWheelPreventChange = e => {
+
+  var numberInputOnWheelPreventChange = function numberInputOnWheelPreventChange(e) {
     // Prevent the input value change
-    e.target.blur();
-    // Prevent the page/container scrolling
-    e.stopPropagation();
-    // Refocus immediately, on the next tick (after the current function is done)
-    setTimeout(() => e.target.focus(), 0);
+    e.target.blur(); // Prevent the page/container scrolling
+
+    e.stopPropagation(); // Refocus immediately, on the next tick (after the current function is done)
+
+    setTimeout(function () {
+      return e.target.focus();
+    }, 0);
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     isRequired: requiredEmpty,
     className: auditClass,
     children: (optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       id: "dropdown".concat(inputId),
-      onChange: e => onHandleChange(e),
+      onChange: function onChange(e) {
+        return onHandleChange(e);
+      },
       defaultValue: textValue.value,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         value: "",
         children: description
-      }), JSON.parse(optionList || "[]").map((element, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: element,
-        children: element
-      }, element + "-" + index))]
+      }), JSON.parse(optionList || "[]").map(function (element, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: element,
+          children: element
+        }, element + "-" + index);
+      })]
     }, "dropdownK".concat(inputId)) : inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
       id: inputId,
-      onChange: e => onHandleChange(e),
+      onChange: function onChange(e) {
+        return onHandleChange(e);
+      },
       defaultChecked: textValue.value === "true" ? true : false
     }) : inputType !== "textarea" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       type: inputType,
@@ -125,7 +163,9 @@ const GeneralInputv2 = _ref => {
       className: "general-input",
       placeholder: inputPlaceholder,
       value: textValue.value,
-      onInput: e => onHandleChange(e),
+      onInput: function onInput(e) {
+        return onHandleChange(e);
+      },
       maxLength: maxChar,
       required: isRequired,
       onKeyDown: onKeyDown,
@@ -144,4 +184,5 @@ const GeneralInputv2 = _ref => {
     })
   });
 };
+
 exports.GeneralInputv2 = GeneralInputv2;

package/dist/components/atoms/GeneralInputv2/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  width: 100%;\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: 5px;\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"])), _ref => {
-  let {
-    isRequired
-  } = _ref;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\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: 5px;\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";
-}, _ref2 => {
-  let {
-    isRequired
-  } = _ref2;
+}, function (_ref2) {
+  var isRequired = _ref2.isRequired;
   return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.purple, _ref3 => {
-  let {
-    isRequired
-  } = _ref3;
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.purple, 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);
+}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
+
+exports.Container = Container;

package/dist/components/atoms/GeneralTextBox/GeneralTextBox.stories.js

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.GeneralTextBoxDefault = 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/atoms/GeneralTextBox",
   component: _index.GeneralTextBox
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralTextBox, {
-  ...args
-});
-const GeneralTextBoxDefault = exports.GeneralTextBoxDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralTextBox, (0, _objectSpread2.default)({}, args));
+};
+
+var GeneralTextBoxDefault = Template.bind({});
+exports.GeneralTextBoxDefault = GeneralTextBoxDefault;
 GeneralTextBoxDefault.args = {
   name: "Proveedores",
   number: "1500"

package/dist/components/atoms/GeneralTextBox/index.js

@@ -4,15 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GeneralTextBox = void 0;
+
 var _styles = require("./styles");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const GeneralTextBox = _ref => {
-  let {
-    number,
-    name,
-    onClick,
-    className
-  } = _ref;
+
+var GeneralTextBox = function GeneralTextBox(_ref) {
+  var number = _ref.number,
+      name = _ref.name,
+      onClick = _ref.onClick,
+      className = _ref.className;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     className: className,
     onClick: onClick,
@@ -25,4 +26,5 @@ const GeneralTextBox = _ref => {
     })]
   });
 };
+
 exports.GeneralTextBox = GeneralTextBox;

package/dist/components/atoms/GeneralTextBox/styles.js

@@ -1,12 +1,20 @@
 "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.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    flex-wrap: wrap;\n    border: 1px solid ", ";\n    border-radius: 10px;\n    flex-direction: column;\n    align-items: center;\n    padding: 15px;\n    background-color: transparent;\n    .number-text{\n        color: ", "; \n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n        font-size: 36px;\n        line-height: 42px;\n        font-feature-settings: 'pnum' on, 'lnum' on;\n    }\n    .name-text{\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 21px;\n    }\n    &:hover{ \n        border: 2px solid ", ";\n    }\n    &.active{\n        border: 1px solid ", ";\n    }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.original_purpura, _variables.FontFamily.Raleway, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.magenta_s2);
+
+var Container = _styledComponents.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    display: flex;\n    flex-wrap: wrap;\n    border: 1px solid ", ";\n    border-radius: 10px;\n    flex-direction: column;\n    align-items: center;\n    padding: 15px;\n    background-color: transparent;\n    .number-text{\n        color: ", "; \n        font-family: ", ";\n        font-style: normal;\n        font-weight: normal;\n        font-size: 36px;\n        line-height: 42px;\n        font-feature-settings: 'pnum' on, 'lnum' on;\n    }\n    .name-text{\n        color: ", ";\n        font-family: ", ";\n        font-style: normal;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 21px;\n    }\n    &:hover{ \n        border: 2px solid ", ";\n    }\n    &.active{\n        border: 1px solid ", ";\n    }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.original_purpura, _variables.FontFamily.Raleway, _variables.GlobalColors.s4, _variables.FontFamily.Raleway, _variables.GlobalColors.magenta_s2, _variables.GlobalColors.magenta_s2);
+
+exports.Container = Container;