dhre-ui-kit 0.0.115 → 0.0.117

package/lib/index.d.ts

@@ -352,9 +352,10 @@ interface AccordionProps {
     optionalElement?: () => React$1.ReactNode;
     headerComponent?: () => React$1.ReactNode;
     disabled?: boolean;
+    icon: React$1.ReactElement;
 }
 
-declare const Accordion: ({ title, testId, containerStyle, titleStyle, headerStyle, children, isOpen, onToggle, optionalElement, headerComponent, disabled, }: AccordionProps) => React$1.JSX.Element;
+declare const Accordion: ({ title, testId, containerStyle, titleStyle, headerStyle, children, isOpen, onToggle, optionalElement, headerComponent, disabled, icon, }: AccordionProps) => React$1.JSX.Element;
 
 interface ToastProps {
 }

package/lib/index.js

@@ -651,66 +651,6 @@ const styles$B = reactNative.StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
-var _path$2;
-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 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$2 || (_path$2 = /*#__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"
-  })));
-};
-
-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 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",
-    viewBox: "0 0 24 24"
-  }, props));
-};
-
-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 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 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,
   toggleModal,
@@ -724,8 +664,8 @@ const BottomDrawer = ({
   showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
-  leftIcon = /* @__PURE__ */ React__default["default"].createElement(SvgArrowLeft, null),
-  rightIcon = /* @__PURE__ */ React__default["default"].createElement(SvgCrossIcon, null),
+  leftIcon,
+  rightIcon,
   onLeftIconPress,
   titleStyle,
   titleVariant = "B2_REGULAR",
@@ -758,14 +698,24 @@ const BottomDrawer = ({
           blurType: "light",
           blurAmount
         }
-      ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.headerContainer }, /* @__PURE__ */ React__default["default"].createElement(
+      ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
+        width: moderateScale(24),
+        height: moderateScale(24),
+        style: styles$B.leftIconStyle,
+        onPress: onLeftIconPress
+      }) : null, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           variant: titleVariant,
           text: title,
           style: { ...styles$B.title, ...titleStyle }
         }
-      ))), children))
+      ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
+        width: moderateScale(24),
+        height: moderateScale(24),
+        style: styles$B.rightIconStyle,
+        onPress: toggleModal
+      }) : null)), children))
     ))
   );
 };
@@ -1970,7 +1920,8 @@ const Accordion = ({
   optionalElement,
   // Destructure the new prop,
   headerComponent,
-  disabled = false
+  disabled = false,
+  icon
 }) => {
   const contentRef = React.useRef(null);
   const [animation] = React.useState(new reactNative.Animated.Value(0));
@@ -2006,7 +1957,12 @@ const Accordion = ({
         text: title,
         style: [styles$n.title, titleStyle]
       }
-    )
+    ),
+    React__default["default"].cloneElement(icon, {
+      width: moderateScale(20),
+      height: moderateScale(20),
+      style: styles$n.iconStyle
+    })
   ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React__default["default"].createElement(
     reactNative.View,
     {
@@ -2144,6 +2100,20 @@ const Toast = React__default["default"].forwardRef((_props, ref) => {
 });
 Toast.displayName = "Toast";
 
+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 SvgCrossIcon = function SvgCrossIcon(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 25,
+    fill: "none"
+  }, props), _path || (_path = /*#__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"
+  })));
+};
+
 const styles$l = reactNative.StyleSheet.create({
   inputContainer: {
     flexDirection: "row",
@@ -2263,31 +2233,31 @@ const styles$k = reactNative.StyleSheet.create({
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
-  leftIcon = /* @__PURE__ */ React__default["default"].createElement(SvgCaretLeft, null),
-  rightIcon = /* @__PURE__ */ React__default["default"].createElement(SvgDotsThreeVertical, null),
+  leftIcon,
+  rightIcon,
   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 }, showLeftIcon && React__default["default"].cloneElement(leftIcon, {
+  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 && leftIcon ? React__default["default"].cloneElement(leftIcon, {
     width: moderateScale(24),
     height: moderateScale(24),
     onPress: onLeftPress,
     style: styles$k.leftIconStyle
-  }), /* @__PURE__ */ React__default["default"].createElement(
+  }) : null, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), showRightIcon && React__default["default"].cloneElement(rightIcon, {
+  )), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
     width: moderateScale(24),
     height: moderateScale(24),
     onPress: onRightPress,
     style: styles$k.rightIconStyle
-  }));
+  }) : null);
 };
 
 const styles$j = reactNative.StyleSheet.create({