dhre-ui-kit 0.0.111 → 0.0.114

package/lib/index.js

@@ -39,6 +39,7 @@ function _interopNamespace(e) {
 }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Pdf__default = /*#__PURE__*/_interopDefaultLegacy(Pdf);
 var Progress__namespace = /*#__PURE__*/_interopNamespace(Progress);
@@ -650,71 +651,71 @@ const styles$B = reactNative.StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
+var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
-var CrossIcon = ({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/React__default["default"].createElement("svg", _extends$3({
-  width: "24",
-  height: "25",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-  d: "M17.657 8.032a.686.686 0 00-.97-.97L12 11.749 7.313 7.062a.686.686 0 10-.97.97l4.687 4.687-4.687 4.687a.686.686 0 10.97.97L12 13.688l4.687 4.688a.686.686 0 10.97-.97l-4.687-4.687 4.687-4.687z",
-  fill: "#fff"
-}));
+var SvgCrossIcon = function SvgCrossIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 25,
+    fill: "none"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M17.657 8.032a.686.686 0 0 0-.97-.97L12 11.749 7.313 7.062a.686.686 0 1 0-.97.97l4.687 4.687-4.687 4.687a.686.686 0 1 0 .97.97L12 13.688l4.687 4.688a.686.686 0 1 0 .97-.97l-4.687-4.687z"
+  })));
+};
 
+var _path$2;
 function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
-var CaretLeft = ({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/React__default["default"].createElement("svg", _extends$2({
-  width: "24",
-  height: "24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-  d: "M15 19.5L7.5 12 15 4.5",
-  stroke: "#fff",
-  strokeWidth: "1.5",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}));
+var SvgCaretLeft = function SvgCaretLeft(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M15 19.5 7.5 12 15 4.5"
+  })));
+};
 
+var _path$1, _path2;
 function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var HeaderIcon = ({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/React__default["default"].createElement("svg", _extends$1({
-  width: "24",
-  height: "24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-  d: "M13.438 6a1.438 1.438 0 11-2.876 0 1.438 1.438 0 012.876 0zM13.438 12a1.438 1.438 0 11-2.876 0 1.438 1.438 0 012.876 0z",
-  fill: "#fff",
-  stroke: "#fff",
-  strokeWidth: ".125"
-}), /*#__PURE__*/React__default["default"].createElement("path", {
-  d: "M12 19.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z",
-  fill: "#fff"
-}));
+var SvgDotsThreeVertical = function SvgDotsThreeVertical(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    stroke: "#fff",
+    strokeWidth: 0.125,
+    d: "M13.438 6a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0ZM13.438 12a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0Z"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M12 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
+  })));
+};
 
+var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var ArrowLeft = ({
-  styles = {},
-  ...props
-}) => /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-  width: "24",
-  height: "24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M15.6 4.186a.774.774 0 01.085 1.092L9.923 12l5.762 6.722a.774.774 0 01-1.176 1.008l-6.194-7.226a.774.774 0 010-1.008L14.51 4.27a.774.774 0 011.092-.084z",
-  fill: "#fff"
-}));
+var SvgArrowLeft = function SvgArrowLeft(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    fillRule: "evenodd",
+    d: "M15.6 4.186a.774.774 0 0 1 .085 1.092L9.923 12l5.762 6.722a.774.774 0 0 1-1.176 1.008l-6.194-7.226a.774.774 0 0 1 0-1.008L14.51 4.27a.774.774 0 0 1 1.092-.084",
+    clipRule: "evenodd"
+  })));
+};
 
 const BottomDrawer = ({
   isModalVisible,
@@ -729,8 +730,8 @@ const BottomDrawer = ({
   showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
-  leftIcon = /* @__PURE__ */ React__default["default"].createElement(ArrowLeft, null),
-  rightIcon = /* @__PURE__ */ React__default["default"].createElement(CrossIcon, null),
+  leftIcon = /* @__PURE__ */ React__default["default"].createElement(SvgArrowLeft, null),
+  rightIcon = /* @__PURE__ */ React__default["default"].createElement(SvgCrossIcon, null),
   onLeftIconPress,
   titleStyle,
   titleVariant = "B2_REGULAR",
@@ -2180,7 +2181,7 @@ const CustomSearchBar = ({
   onCrossIconPress,
   handleOnChangeText,
   setValue,
-  rightIcon = /* @__PURE__ */ React__default["default"].createElement(CrossIcon, null),
+  rightIcon = /* @__PURE__ */ React__default["default"].createElement(SvgCrossIcon, null),
   disableBorderColor = "#4F4F4F",
   borderColor = "#FFFFFF",
   disablePlaceHolderStyle = "#686868",
@@ -2268,21 +2269,31 @@ const styles$k = reactNative.StyleSheet.create({
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
-  leftIcon = /* @__PURE__ */ React__default["default"].createElement(CaretLeft, null),
-  rightIcon = /* @__PURE__ */ React__default["default"].createElement(HeaderIcon, null),
+  leftIcon = /* @__PURE__ */ React__default["default"].createElement(SvgCaretLeft, null),
+  rightIcon = /* @__PURE__ */ React__default["default"].createElement(SvgDotsThreeVertical, null),
   showLeftIcon = true,
   showRightIcon = true,
   onLeftPress,
   onRightPress
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, showLeftIcon && React__default["default"].cloneElement(leftIcon, {
+    width: moderateScale(24),
+    height: moderateScale(24),
+    onPress: onLeftPress,
+    style: styles$k.leftIconStyle
+  }), /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), /* @__PURE__ */ React__default["default"].createElement(CaretLeft, null), ",");
+  )), showRightIcon && React__default["default"].cloneElement(rightIcon, {
+    width: moderateScale(24),
+    height: moderateScale(24),
+    onPress: onRightPress,
+    style: styles$k.rightIconStyle
+  }));
 };
 
 const styles$j = reactNative.StyleSheet.create({