contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/organisms/DashboardMetric/dashboardMetricUtils.js

@@ -4,134 +4,183 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeOldStatus = exports.getStatusColor = exports.getFullStatus = void 0;
-const getFullStatus = status => {
+
+var getFullStatus = function getFullStatus(status) {
   switch (status) {
     case "PA":
       return "Por asignar";
+
     case "AS":
     case "Assigned":
       return "Asignado";
+
     case "CA":
     case "IN_PROGRESS":
       return "Capturando";
+
     case "IE":
     case "QF":
       return "Información enviada";
+
     case "RC":
     case "RF":
       return "Rechazado coordinador";
+
     case "AC":
     case "AF":
       return "Aprobado coordinador";
+
     case "RA":
       return "Rechazado auditor";
+
     case "AA":
       return "Aprobado auditor";
+
     case "RP":
       return "Rechazado proveedor";
+
     case "AP":
       return "Aprobado proveedor";
+
     case "RCA":
       return "Rechazado cadena";
+
     case "ACA":
       return "Aprobado cadena";
+
     case "R":
       return "Por recibir/recibido";
+
     case "Ex":
       return "Exportado";
+
     case "NS":
       return "No solicitado";
+
     case "SAC":
       return "Solicitud Auditoría Content-oh!";
+
     case "AAC":
       return "Aprobado Auditoría Content-oh!";
+
     case "RAC":
       return "Rechazado Auditoría Content-oh!";
+
     case "FAP":
       return "Finalización Auditoría por Proveedor";
+
     default:
       return "";
   }
 };
+
 exports.getFullStatus = getFullStatus;
-const getStatusColor = status => {
+
+var getStatusColor = function getStatusColor(status) {
   switch (status) {
     case "PA":
       return "#A93226";
+
     case "AS":
     case "Assigned":
       return "#884EA0";
+
     case "CA":
     case "IN_PROGRESS":
       return "#2471A3";
+
     case "IE":
     case "QF":
       return "#1ABC9C";
+
     case "RC":
     case "RF":
       return "#229954";
+
     case "AC":
     case "AF":
       return "#F1C40F";
+
     case "RA":
       return "#34495E";
+
     case "AA":
       return "#E33AA9";
+
     case "RP":
       return "#BDC3C7";
+
     case "AP":
       return "#ED9A4D";
+
     case "RCA":
       return "#71DE56";
+
     case "ACA":
       return "#839192";
+
     case "R":
       return "#D35400";
+
     case "NS":
       return "black";
+
     case "Ex":
       return "#09CAD8";
+
     case "SAC":
       return "#2471A3";
+
     case "AAC":
       return "#1ABC9C";
+
     case "RAC":
       return "#229954";
+
     case "FAP":
       return "#F1C40F";
+
     default:
       return "white";
   }
 };
+
 exports.getStatusColor = getStatusColor;
-const removeOldStatus = object => {
-  const keys = Object.keys(object || {}) || [];
-  keys === null || keys === void 0 ? void 0 : keys.forEach(status => {
+
+var removeOldStatus = function removeOldStatus(object) {
+  var keys = Object.keys(object || {}) || [];
+  keys === null || keys === void 0 ? void 0 : keys.forEach(function (status) {
     switch (status) {
       case "Assigned":
         object["AS"] = object["AS"] + object["Assigned"];
         delete object["Assigned"];
         break;
+
       case "IN_PROGRESS":
         object["CA"] = object["CA"] + object["IN_PROGRESS"];
         delete object["IN_PROGRESS"];
         break;
+
       case "QF":
         object["IE"] = object["IE"] + object["QF"];
         delete object["QF"];
         break;
+
       case "RF":
         object["RC"] = object["RC"] + object["RF"];
         delete object["RF"];
         break;
+
       case "AF":
         object["AC"] = object["AC"] + object["AF"];
         delete object["AF"];
         break;
+
       default:
         break;
     }
   });
   return object;
 };
+
 exports.removeOldStatus = removeOldStatus;

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

@@ -1,46 +1,68 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DashboardMetric = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _Graphic = require("../../atoms/Graphic");
+
 var _dashboardMetricUtils = require("./dashboardMetricUtils");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const DashboardMetric = _ref => {
+
+var DashboardMetric = function DashboardMetric(_ref) {
   var _Object$values;
-  let {
-    label,
-    description,
-    dataObject = {},
-    indexAxis = "y",
-    type = "bar",
-    scale = "x",
-    displayScale = false,
-    displayLegend = false,
-    showPercent = false,
-    borderColor,
-    total,
-    totalFiltered
-  } = _ref;
-  const labels = type === "doughnut" ? Object.entries(dataObject).map(_ref2 => {
-    let [key, value] = _ref2;
+
+  var label = _ref.label,
+      description = _ref.description,
+      _ref$dataObject = _ref.dataObject,
+      dataObject = _ref$dataObject === void 0 ? {} : _ref$dataObject,
+      _ref$indexAxis = _ref.indexAxis,
+      indexAxis = _ref$indexAxis === void 0 ? "y" : _ref$indexAxis,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "bar" : _ref$type,
+      _ref$scale = _ref.scale,
+      scale = _ref$scale === void 0 ? "x" : _ref$scale,
+      _ref$displayScale = _ref.displayScale,
+      displayScale = _ref$displayScale === void 0 ? false : _ref$displayScale,
+      _ref$displayLegend = _ref.displayLegend,
+      displayLegend = _ref$displayLegend === void 0 ? false : _ref$displayLegend,
+      _ref$showPercent = _ref.showPercent,
+      showPercent = _ref$showPercent === void 0 ? false : _ref$showPercent,
+      borderColor = _ref.borderColor,
+      total = _ref.total,
+      totalFiltered = _ref.totalFiltered;
+  var labels = type === "doughnut" ? Object.entries(dataObject).map(function (_ref2) {
+    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+        key = _ref3[0],
+        value = _ref3[1];
+
     return key !== "NS" && "".concat((0, _dashboardMetricUtils.getFullStatus)(key), " (").concat(value, ")");
   }) : Object.keys(dataObject);
-  const newObject = type === "doughnut" ? (0, _dashboardMetricUtils.removeOldStatus)(dataObject) : dataObject;
-  const values = (_Object$values = Object.values(newObject)) !== null && _Object$values !== void 0 && _Object$values.length ? Object.values(newObject) : [0];
-  const colorsArray = Object.keys(newObject).map(key => key !== "NS" && (0, _dashboardMetricUtils.getStatusColor)(key));
-  const data = {
-    labels,
+  var newObject = type === "doughnut" ? (0, _dashboardMetricUtils.removeOldStatus)(dataObject) : dataObject;
+  var values = (_Object$values = Object.values(newObject)) !== null && _Object$values !== void 0 && _Object$values.length ? Object.values(newObject) : [0];
+  var colorsArray = Object.keys(newObject).map(function (key) {
+    return key !== "NS" && (0, _dashboardMetricUtils.getStatusColor)(key);
+  });
+  var data = {
+    labels: labels,
     datasets: [{
       data: values,
       backgroundColor: colorsArray,
       borderColor: borderColor
     }]
   };
-  const options = {
-    indexAxis,
+  var options = {
+    indexAxis: indexAxis,
     elements: {
       bar: {
         borderWidth: 2
@@ -52,20 +74,17 @@ const DashboardMetric = _ref => {
     plugins: {
       tooltip: {
         callbacks: {
-          label: _ref3 => {
+          label: function label(_ref4) {
             var _dataset$data;
-            let {
-              dataset,
-              element
-            } = _ref3;
-            const sum = dataset === null || dataset === void 0 ? void 0 : (_dataset$data = dataset.data) === null || _dataset$data === void 0 ? void 0 : _dataset$data.reduce((accumulator, value) => {
+
+            var dataset = _ref4.dataset,
+                element = _ref4.element;
+            var sum = dataset === null || dataset === void 0 ? void 0 : (_dataset$data = dataset.data) === null || _dataset$data === void 0 ? void 0 : _dataset$data.reduce(function (accumulator, value) {
               return accumulator + value;
             }, 0);
-            const {
-              raw
-            } = element.$context;
-            const operation = 100 * (raw / sum);
-            const percent = "".concat(((operation + "").includes(".") ? (100 * (raw / sum)).toFixed(2) : 100 * (raw / sum)) + "%", " - ").concat(raw);
+            var raw = element.$context.raw;
+            var operation = 100 * (raw / sum);
+            var percent = "".concat(((operation + "").includes(".") ? (100 * (raw / sum)).toFixed(2) : 100 * (raw / sum)) + "%", " - ").concat(raw);
             return showPercent ? percent : raw;
           }
         }
@@ -86,13 +105,11 @@ const DashboardMetric = _ref => {
         value: totalFiltered / total * 100 || 0
       }
     },
-    scales: {
-      [scale]: {
-        ticks: {
-          display: displayScale
-        }
+    scales: (0, _defineProperty2.default)({}, scale, {
+      ticks: {
+        display: displayScale
       }
-    },
+    }),
     showTooltips: true
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
@@ -121,4 +138,5 @@ const DashboardMetric = _ref => {
     })]
   });
 };
+
 exports.DashboardMetric = DashboardMetric;

package/dist/components/organisms/DashboardMetric/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.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: 5px;\n  padding: 24px;\n  position: relative;\n\n  .text-container {\n    p {\n      font-family: ", ";\n      color: ", ";\n      font-size: 17px;\n\n      &:last-of-type {\n        font-size: 12px;\n        color: ", ";\n      }\n\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    & + * {\n      margin-top: 15px;\n    }\n  }\n\n  .select-container {\n    display: flex;\n\n    .select {\n      flex: 0.1 1 30%;\n\n      select {\n        width: 100%;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    & + * {\n      margin-top: 10px;\n    }\n  }\n\n  .graphic-cotainer {\n    height: 350px;\n    border: 1px solid ", ";\n    padding: 10px;\n    border-radius: 5px;\n\n    div {\n      height: fill-available;\n    }\n  }\n\n  & > p {\n    font-family: ", ";\n    color: ", ";\n    font-size: 17px;\n\n    &.x-label {\n      position: absolute;\n      left: 50%;\n      transform: translate(-50%);\n      bottom: 4px;\n    }\n\n    &.y-label {\n      position: absolute;\n      transform: rotate(-90deg);\n      left: -28px;\n      top: 50%;\n    }\n\n    &.center-label {\n      position: absolute;\n      top: 52%;\n      right: 58%;\n      font-size: 28px;\n      color: #000;\n      font-feature-settings: \"pnum\", \"lnum\";\n      font-family: ", ";\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.Raleway, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s3, _variables.FontFamily.Raleway, _variables.GlobalColors.s5, _variables.FontFamily.Raleway_600);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border: 1px solid ", ";\n  border-radius: 5px;\n  padding: 24px;\n  position: relative;\n\n  .text-container {\n    p {\n      font-family: ", ";\n      color: ", ";\n      font-size: 17px;\n\n      &:last-of-type {\n        font-size: 12px;\n        color: ", ";\n      }\n\n      & + * {\n        margin-top: 5px;\n      }\n    }\n\n    & + * {\n      margin-top: 15px;\n    }\n  }\n\n  .select-container {\n    display: flex;\n\n    .select {\n      flex: 0.1 1 30%;\n\n      select {\n        width: 100%;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n\n    & + * {\n      margin-top: 10px;\n    }\n  }\n\n  .graphic-cotainer {\n    height: 350px;\n    border: 1px solid ", ";\n    padding: 10px;\n    border-radius: 5px;\n\n    div {\n      height: fill-available;\n    }\n  }\n\n  & > p {\n    font-family: ", ";\n    color: ", ";\n    font-size: 17px;\n\n    &.x-label {\n      position: absolute;\n      left: 50%;\n      transform: translate(-50%);\n      bottom: 4px;\n    }\n\n    &.y-label {\n      position: absolute;\n      transform: rotate(-90deg);\n      left: -28px;\n      top: 50%;\n    }\n\n    &.center-label {\n      position: absolute;\n      top: 52%;\n      right: 58%;\n      font-size: 28px;\n      color: #000;\n      font-feature-settings: \"pnum\", \"lnum\";\n      font-family: ", ";\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.Raleway, _variables.GlobalColors.s5, _variables.GlobalColors.s4, _variables.GlobalColors.s3, _variables.FontFamily.Raleway, _variables.GlobalColors.s5, _variables.FontFamily.Raleway_600);
+
+exports.Container = Container;

package/dist/components/organisms/DragAndDropPhases/DragAndDropPhases.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.DragAndDropPhasesDefault = 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/organisms/DragAndDropPhases",
   component: _index.DragAndDropPhases
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DragAndDropPhases, {
-  ...args
-});
-const DragAndDropPhasesDefault = exports.DragAndDropPhasesDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DragAndDropPhases, (0, _objectSpread2.default)({}, args));
+};
+
+var DragAndDropPhasesDefault = Template.bind({});
+exports.DragAndDropPhasesDefault = DragAndDropPhasesDefault;
 DragAndDropPhasesDefault.args = {
   token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwZjQyNDdkZi1mMDJmLTRjYjgtOTA5YS1lNjI2NDlkMzQ3ODIiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjBmNDI0N2RmLWYwMmYtNGNiOC05MDlhLWU2MjY0OWQzNDc4MiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIzMTJjMzkzOC0yODFlLTRjZTMtOGQwMC1lNDJmMDJhMjliNDkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMTgwNDA2MywibmFtZSI6IlByb3ZlZWRvciBVbm8gUmFkaW9zaGFjayIsInBob25lX251bWJlciI6Iis1MjEyMzQ1Njc4OTgiLCJleHAiOjE3MDE4MDc2NjIsImlhdCI6MTcwMTgwNDA2MywiZW1haWwiOiJwcm92ZWVkb3JyYWRpb3NoYWNrdW5vQGFsbGZyZWVtYWlsLm5ldCJ9.TlytxDFcBq6dMXaDGqIQ2Dr3P81JQgIJ2k8DgfVKvHmmJAyfj5hZcdaWPBCW_qXT_93HtXje2fmQuyTJeN4pL_AXkEEQJsi6Ye-8ipteb616OFLLm8AkMV7NmxyYn59yfY9bPoWmanTjicONFNtL_SOACebXUI4c1uZtFmMWMvAR29l_89uj3e5J-ZrS1PQn36Eid66LYtV7lBsKAn3JJeftDiXx750AHERXjoXdzHwjJttm4jmMZ4LJPk8efuvZWdPhcgXJ-4CuvWNbjxCmFiDkxSjFK_qLix73HtoCLWee-FJElqxW2ZjTflOiRZknmt2M-7kQj4FzhgEK3n6jyg"
 };