FEATURE/HCMPRE-0003 : Button fix (#408)

Author: Swathi-eGov

react/react-components/package.json

@@ -61,7 +61,7 @@
   ],
   "dependencies": {
     "@cyntler/react-doc-viewer": "1.10.3",
-    "@egovernments/digit-ui-components": "2.0.0-dev-47",
+    "@egovernments/digit-ui-components": "2.0.0-dev-48",
     "@egovernments/digit-ui-svg-components": "2.0.0-dev-01",
     "@googlemaps/js-api-loader": "1.13.10",
     "@hookform/resolvers": "1.3.7",

react/storybook/package.json

@@ -47,7 +47,7 @@
     "webpack-cli": "^6.0.1"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "2.0.0-dev-47",
+    "@egovernments/digit-ui-components": "2.0.0-dev-48",
     "@egovernments/digit-ui-components-css": "2.0.0-dev-12",
     "@egovernments/digit-ui-libraries": "2.0.0-dev-11",
     "@egovernments/digit-ui-svg-components": "2.0.0-dev-01",

react/ui-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components",
-  "version": "2.0.0-dev-47",
+  "version": "2.0.0-dev-48",
   "license": "MIT",
   "main": "dist/main.js",
   "module": "dist/main.js",

react/ui-components/src/molecules/FilterCard.js

@@ -103,7 +103,7 @@ const FilterCard = ({
         } ${isOverflowing ? "with-shadow" : ""}`}
       >
         {primaryActionLabel && onPrimaryPressed && (
-          <Button label={primaryActionLabel} onClick={onPrimaryPressed} />
+          <Button label={primaryActionLabel} onClick={onPrimaryPressed} variation="primary"/>
         )}
 
         {secondaryActionLabel && onSecondaryPressed && (
@@ -128,7 +128,7 @@ const FilterCard = ({
           />
         )}
         {primaryActionLabel && onPrimaryPressed && (
-          <Button label={primaryActionLabel} onClick={onPrimaryPressed} />
+          <Button label={primaryActionLabel} onClick={onPrimaryPressed} variation="primary"/>
         )}
       </div>
     );

react/ui-components/src/molecules/TimelineMolecule.js

@@ -119,10 +119,10 @@ const TimelineMolecule = ({
           />
         </div>
       )}
-      {Children.map(visibleChildren, (child, index) => (
+      {visibleChildren.map((child, index) => (
         <Timeline
           {...child.props}
-          isLastStep={index === Children.count(visibleChildren) - 1}
+          isLastStep={index === visibleChildren.length - 1}
           isNextActiveStep={nextStep === child}
         />
       ))}