contentoh-components-library 21.3.6 → 21.3.8

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/dist/components/molecules/SelectV2/SelectV2.stories.js

@@ -91,7 +91,8 @@ SelectV2Test.args = {
     disabled: false,
     label: "select de prueba",
     size: 12,
-    borderType: "oval"
+    borderType: "oval",
+    iconPosition: "left"
   },
   defaultItem: {
     label: "Ningun filtro",

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

@@ -290,7 +290,7 @@ var SelectV2 = function SelectV2(props) {
             label: labelSelect,
             size: selectButton === null || selectButton === void 0 ? void 0 : selectButton.size,
             icon: _freeSolidSvgIcons.faCaretDown,
-            iconPosition: "end",
+            iconPosition: ["left", "right", "top", "bottom"].includes(selectButton === null || selectButton === void 0 ? void 0 : selectButton.iconPosition) ? selectButton.iconPosition : "right",
             onClick: function onClick(event) {
               if (triggerType !== "hover") setShowDropdown(function (prev) {
                 return !prev;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.6",
+  "version": "21.3.8",
   "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;

package/src/components/molecules/SelectV2/SelectV2.stories.js

@@ -87,6 +87,7 @@ SelectV2Test.args = {
     label: "select de prueba",
     size: 12,
     borderType: "oval",
+    iconPosition: "left",
   },
   defaultItem: {
     label: "Ningun filtro",

package/src/components/molecules/SelectV2/index.js

@@ -40,6 +40,7 @@ export const SelectV2 = (props) => {
 			disabled: boolean,
 			label: string ,
 			size: number ,
+      iconPosition: string (por default "right")
 		} */,
     defaultItem /* {
       label: string,
@@ -337,7 +338,13 @@ export const SelectV2 = (props) => {
               label={labelSelect}
               size={selectButton?.size}
               icon={IconDownArrow}
-              iconPosition="end"
+              iconPosition={
+                ["left", "right", "top", "bottom"].includes(
+                  selectButton?.iconPosition
+                )
+                  ? selectButton.iconPosition
+                  : "right"
+              }
               onClick={(event) => {
                 if (triggerType !== "hover") setShowDropdown((prev) => !prev);
               }}