contentoh-components-library 21.3.6 → 21.3.7

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

@@ -16,7 +16,7 @@ var ProgressBar = function ProgressBar(_ref) {
       progressBarType = _ref.progressBarType,
       percentRequired = _ref.percentRequired;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [percentRequired && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: [percentRequired ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
         componentTooltip: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
@@ -41,7 +41,7 @@ var ProgressBar = function ProgressBar(_ref) {
         transitionType: undefined,
         followCursor: undefined
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    }) : "", /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
       className: "status-".concat(progressBarType),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
         children: [percent, "%"]

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

@@ -21,7 +21,7 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 
 exports.Container = Container;
 
-var ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  @font-face {\n    font-family: \"Material Symbols Outlined\";\n    font-style: normal;\n    font-weight: 100 700;\n    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n      format(\"woff2\");\n  }\n\n  .hola {\n    font-family: \"Material Symbols Outlined\";\n    font-size: 30px;\n    //line-height: 1;\n    margin-top: 10px;\n  }\n  .hola {\n    font-variation-settings: \"FILL\"\n        ", ",\n      \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n    color: ", ";\n  }\n"])), function (props) {
+var ContainerIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  @font-face {\n    font-family: \"Material Symbols Outlined\";\n    font-style: normal;\n    font-weight: 100 700;\n    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n      format(\"woff2\");\n  }\n\n  .hola {\n    font-family: \"Material Symbols Outlined\";\n    font-size: 30px;\n    //line-height: 1;\n    margin-top: 10px;\n  }\n  .hola {\n    font-variation-settings: \"FILL\"\n        ", ",\n      \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n    color: ", ";\n  }\n"])), function (props) {
   return props.percentageRequired < 100 ? 0 : 1;
 }, function (props) {
   return props.percentageRequired < 100 ? "#d4d1d7" : "#e33aa9";

package/package.json

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

package/src/components/atoms/ProgressBar/index.js

@@ -4,7 +4,7 @@ import { Tooltip } from "../Tooltip";
 export const ProgressBar = ({ percent, progressBarType, percentRequired }) => {
   return (
     <>
-      {percentRequired && (
+      {percentRequired ? (
         <>
           <Tooltip
             componentTooltip={
@@ -33,6 +33,8 @@ export const ProgressBar = ({ percent, progressBarType, percentRequired }) => {
             followCursor={undefined}
           ></Tooltip>
         </>
+      ) : (
+        ""
       )}
       <Container className={`status-${progressBarType}`}>
         <p>{percent}%</p>

package/src/components/atoms/ProgressBar/styles.js

@@ -69,6 +69,7 @@ export const Container = styled.div`
   }
 `;
 export const ContainerIcon = styled.div`
+  cursor: pointer;
   @font-face {
     font-family: "Material Symbols Outlined";
     font-style: normal;