@widergy/mobile-ui 0.37.6 → 0.38.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# [0.38.0](https://github.com/widergy/mobile-ui/compare/v0.37.7...v0.38.0) (2023-08-11)
+
+
+### Features
+
+* add disabled prop ([139f5ba](https://github.com/widergy/mobile-ui/commit/139f5ba1c9247d2e1dd5c38c5868cff1ea02e676))
+* fix comments ([6731f8e](https://github.com/widergy/mobile-ui/commit/6731f8e3b33b28d68ce1dfd5ceebb2ae12b54099))
+
+## [0.37.7](https://github.com/widergy/mobile-ui/compare/v0.37.6...v0.37.7) (2023-07-26)
+
+
+### Bug Fixes
+
+* hide step number ([#243](https://github.com/widergy/mobile-ui/issues/243)) ([fa8cb6f](https://github.com/widergy/mobile-ui/commit/fa8cb6fa98c0cc8d1400ff3cdf467c75f84f5d1c))
+
 ## [0.37.6](https://github.com/widergy/mobile-ui/compare/v0.37.5...v0.37.6) (2023-06-27)
 
 

package/lib/components/FilePicker/index.js

@@ -81,7 +81,7 @@ class FilePicker extends Component {
   };
 
   render() {
-    const { error, title, filePlaceholder, style, withMarkdownTitle, markdownStyles } = this.props;
+    const { error, title, filePlaceholder, style, withMarkdownTitle, markdownStyles, disabled } = this.props;
     const { fileName } = this.state;
     return (
       <View style={style}>
@@ -95,6 +95,7 @@ class FilePicker extends Component {
           title={title}
           withMarkdownTitle={withMarkdownTitle}
           markdownStyles={markdownStyles}
+          disabled={disabled}
         />
       </View>
     );

package/lib/components/FilePicker/propTypes.js

@@ -12,5 +12,6 @@ export default {
   fileTypeError: string,
   allowedPDFUploadSizes: arrayOf(
     shape({ name: string, heightInPt: number, widthInPt: number, tolerance: number })
-  )
+  ),
+  disabled: bool
 };

package/lib/components/Picker/index.js

@@ -21,7 +21,8 @@ const Picker = ({
   title,
   theme,
   withMarkdownTitle,
-  markdownStyles
+  markdownStyles,
+  disabled
 }) => (
   <Fragment>
     {!!title && (
@@ -46,7 +47,8 @@ const Picker = ({
             showButton && {
               name: fileName ? 'delete' : icon,
               color: theme.picker.iconColor,
-              onPress: fileName ? onDelete : onAdd
+              onPress: fileName ? onDelete : onAdd,
+              disabled
             }
           }
           error={error}
@@ -67,7 +69,8 @@ Picker.propTypes = {
   showButton: bool,
   theme: themeType,
   withMarkdownTitle: bool,
-  markdownStyles: shape({ ViewPropTypes })
+  markdownStyles: shape({ ViewPropTypes }),
+  disabled: bool
 };
 
 Picker.defaultProps = {

package/lib/components/UTStepFeedback/components/CircleNumber/index.js

@@ -8,7 +8,7 @@ import Label from '../../../Label';
 import { CHECK_ICON_SIZE } from '../../styles';
 import { stepPropType } from '../../proptypes';
 
-const CircleNumber = ({ index, step, themedStyles, status }) => {
+const CircleNumber = ({ index, step, themedStyles, status, hideStepNumber }) => {
   const complementaryStyle =
     (status.isFuture && themedStyles.futureStep) ||
     (status.isComplete && themedStyles.completedStep) ||
@@ -16,7 +16,7 @@ const CircleNumber = ({ index, step, themedStyles, status }) => {
 
   return (
     <View style={{ ...themedStyles.step, ...complementaryStyle }}>
-      <Label
+      {!hideStepNumber && <Label
         color={
           (status.isComplete && themedStyles.stepLabel.complete) ||
           (status.isActive && themedStyles.stepLabel.active) ||
@@ -25,7 +25,7 @@ const CircleNumber = ({ index, step, themedStyles, status }) => {
         bold
       >
         {step.stepShortLabel || index + 1}
-      </Label>
+      </Label>}
       {status.isComplete && (
         <View style={themedStyles.checkContainer}>
           <Icon name="check" color={themedStyles.checkIcon.color} size={CHECK_ICON_SIZE} />
@@ -39,7 +39,8 @@ CircleNumber.propTypes = {
   index: number.isRequired,
   status: shape({ isFuture: bool, isComplete: bool, isActive: bool }).isRequired,
   step: stepPropType,
-  themedStyles: ViewPropTypes.style
+  themedStyles: ViewPropTypes.style,
+  hideStepNumber: bool
 };
 
 export default CircleNumber;

package/lib/components/UTStepFeedback/index.js

@@ -18,13 +18,14 @@ import stepFeedbackProptypes from './proptypes';
 
 const StepFeedback = ({
   currentStep,
-  steps,
-  onClose,
+  disableTriangle,
+  hideStepNumber,
   iconSize,
-  variant = 'default',
+  labelsCentered,
+  onClose,
+  steps,
   titleBottom,
-  disableTriangle,
-  labelsCentered
+  variant = 'default',
 }) => {
   const [offset, setOffset] = useState(0);
 
@@ -105,7 +106,7 @@ const StepFeedback = ({
       <Fragment>
         <View style={styles.stepContainer}>
           <View style={styles.centerStepContainer}>
-            <CircleNumber index={index} status={status} step={step} themedStyles={styles} variant={variant} />
+            <CircleNumber hideStepNumber={hideStepNumber} index={index} status={status} step={step} themedStyles={styles} variant={variant} />
           </View>
         </View>
         {index < steps.length - 1 && (

package/lib/components/UTStepFeedback/proptypes.js

@@ -8,10 +8,11 @@ export const stepPropType = shape({
 
 export default {
   currentStep: string.isRequired,
-  steps: arrayOf(stepPropType).isRequired,
-  onClose: func,
+  disableTriangle: bool,
+  hideStepNumber: bool,
   iconSize: number,
-  variant: string,
+  onClose: func,
+  steps: arrayOf(stepPropType).isRequired,
   titleBottom: bool,
-  disableTriangle: bool
+  variant: string,
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "0.37.6",
+  "version": "0.38.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [