dhre-ui-kit 2.0.11 → 2.0.12

package/lib/index.d.ts

@@ -608,6 +608,7 @@ declare const _default$6: (props: {
     clearAllData?: () => void;
     handleSendFeedback?: () => void;
     setFeedback: (val: string) => void;
+    inputStyle?: ViewStyle;
 }) => React$1.JSX.Element;
 
 interface MobileNumberInputProps {

package/lib/index.js

@@ -19,6 +19,7 @@ var reactNativePaper = require('react-native-paper');
 var reactNativeElementDropdown = require('react-native-element-dropdown');
 var DocumentPicker = require('react-native-document-picker');
 var RNFS = require('react-native-fs');
+var Svg = require('react-native-svg');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,6 +52,7 @@ var DeviceInfo__default = /*#__PURE__*/_interopDefaultLegacy(DeviceInfo);
 var CountryPicker__default = /*#__PURE__*/_interopDefaultLegacy(CountryPicker);
 var DocumentPicker__default = /*#__PURE__*/_interopDefaultLegacy(DocumentPicker);
 var RNFS__default = /*#__PURE__*/_interopDefaultLegacy(RNFS);
+var Svg__default = /*#__PURE__*/_interopDefaultLegacy(Svg);
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -7801,7 +7803,8 @@ const FeedbackForm = ({
   inputText,
   rightBtnTxt,
   leftBtnTxt,
-  setFeedback
+  setFeedback,
+  inputStyle = {}
 }) => {
   const maxChars = 200;
   const { theme } = useTheme();
@@ -7817,7 +7820,7 @@ const FeedbackForm = ({
   ), /* @__PURE__ */ React__default["default"].createElement(
     reactNative.TextInput,
     {
-      style: [styles.textInput, { height: Math.max(100) }],
+      style: [styles.textInput, inputStyle, { height: Math.max(100) }],
       placeholder: inputText,
       multiline: true,
       placeholderTextColor: Theme.CONTENT_SECONDRY,
@@ -8918,7 +8921,11 @@ const styles$4 = reactNative.StyleSheet.create({
     width: "100%",
     marginLeft: 10
   },
-  lableContainer: { width: 60 }
+  lableContainer: { width: 60 },
+  newDividerStyle: {
+    marginLeft: 10,
+    width: "100%"
+  }
 });
 
 var Status = /* @__PURE__ */ ((Status2) => {
@@ -8977,9 +8984,24 @@ const Stepper = ({
       return { borderColor: theme.CONTENT_SECONDRY };
     }
   };
+  const Divider = ({ status }) => {
+    const style = renderDividerStyle(status);
+    const dashed = status !== Status.Completed;
+    return /* @__PURE__ */ React__default["default"].createElement(Svg__default["default"], { height: 1, width: "100%" }, /* @__PURE__ */ React__default["default"].createElement(
+      Svg.Line,
+      {
+        x1: "0",
+        y1: "0",
+        x2: "90%",
+        y2: "0",
+        stroke: style.borderColor,
+        strokeWidth: 1,
+        strokeDasharray: dashed ? "4,4" : void 0
+      }
+    ));
+  };
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
     const stepCircleStyle = renderCircleStyle(item?.status);
-    const dividerStyle = renderDividerStyle(item?.status);
     const labelStyle = renderLableStyle(item?.status);
     const lastViewStyle = index === data?.length - 1 ? styles$4.lastStepWrapper : null;
     return /* @__PURE__ */ React__default["default"].createElement(
@@ -8997,7 +9019,7 @@ const Stepper = ({
             color: theme.CONTENT_PRIMARY
           }
         }
-      ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.separator, ...dividerStyle } })),
+      ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.newDividerStyle }, /* @__PURE__ */ React__default["default"].createElement(Divider, { status: item.status }))),
       /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.lableContainer }, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {