sag_components 2.0.0-beta332 → 2.0.0-beta334

package/dist/index.d.ts

@@ -1552,7 +1552,7 @@ declare function QuickFilterCards({ data, onCardToggle, width, CardsContainerCla
     CardsContainerClassName?: string;
 }): any;
 
-declare function RangePicker({ label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, selectedColor, hoverColor, inRangeColor, clearButtonColor, }: {
+declare function RangePicker({ label, onChange, borderRadius, required, width, height, placeholder, disabled, borderColor, borderColorFocus, textColor, selectedValue, selectedColor, hoverColor, inRangeColor, clearButtonColor, calendarIconColor, showClearButton, showOpenIcon, }: {
     label: any;
     onChange: any;
     borderRadius: any;
@@ -1569,6 +1569,9 @@ declare function RangePicker({ label, onChange, borderRadius, required, width, h
     hoverColor: any;
     inRangeColor: any;
     clearButtonColor: any;
+    calendarIconColor: any;
+    showClearButton: any;
+    showOpenIcon: any;
 }): any;
 declare namespace RangePicker {
     namespace propTypes {
@@ -1588,6 +1591,9 @@ declare namespace RangePicker {
         const hoverColor: any;
         const inRangeColor: any;
         const clearButtonColor: any;
+        const calendarIconColor: any;
+        const showClearButton: any;
+        const showOpenIcon: any;
     }
     namespace defaultProps {
         const required_1: boolean;
@@ -1616,6 +1622,12 @@ declare namespace RangePicker {
         export { inRangeColor_1 as inRangeColor };
         const clearButtonColor_1: string;
         export { clearButtonColor_1 as clearButtonColor };
+        const calendarIconColor_1: string;
+        export { calendarIconColor_1 as calendarIconColor };
+        const showClearButton_1: boolean;
+        export { showClearButton_1 as showClearButton };
+        const showOpenIcon_1: boolean;
+        export { showOpenIcon_1 as showOpenIcon };
     }
 }
 

package/dist/index.esm.js

@@ -439,16 +439,21 @@ const CalendarInOpen = _ref => {
   }));
 };
 
-const Calendar = () => /*#__PURE__*/React$1.createElement("svg", {
-  width: "11",
-  height: "12",
-  viewBox: "0 0 11 12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /*#__PURE__*/React$1.createElement("path", {
-  d: "M2.625 0C2.8125 0 3 0.1875 3 0.375V1.5H7.5V0.375C7.5 0.1875 7.66406 0 7.875 0C8.0625 0 8.25 0.1875 8.25 0.375V1.5H9C9.82031 1.5 10.5 2.17969 10.5 3V3.75V4.5V10.5C10.5 11.3438 9.82031 12 9 12H1.5C0.65625 12 0 11.3438 0 10.5V4.5V3.75V3C0 2.17969 0.65625 1.5 1.5 1.5H2.25V0.375C2.25 0.1875 2.41406 0 2.625 0ZM9.75 4.5H0.75V10.5C0.75 10.9219 1.07812 11.25 1.5 11.25H9C9.39844 11.25 9.75 10.9219 9.75 10.5V4.5ZM9 2.25H1.5C1.07812 2.25 0.75 2.60156 0.75 3V3.75H9.75V3C9.75 2.60156 9.39844 2.25 9 2.25Z",
-  fill: "#568202"
-}));
+const Calendar = _ref => {
+  let {
+    fill = '#568202'
+  } = _ref;
+  return /*#__PURE__*/React$1.createElement("svg", {
+    width: "11",
+    height: "12",
+    viewBox: "0 0 11 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React$1.createElement("path", {
+    d: "M2.625 0C2.8125 0 3 0.1875 3 0.375V1.5H7.5V0.375C7.5 0.1875 7.66406 0 7.875 0C8.0625 0 8.25 0.1875 8.25 0.375V1.5H9C9.82031 1.5 10.5 2.17969 10.5 3V3.75V4.5V10.5C10.5 11.3438 9.82031 12 9 12H1.5C0.65625 12 0 11.3438 0 10.5V4.5V3.75V3C0 2.17969 0.65625 1.5 1.5 1.5H2.25V0.375C2.25 0.1875 2.41406 0 2.625 0ZM9.75 4.5H0.75V10.5C0.75 10.9219 1.07812 11.25 1.5 11.25H9C9.39844 11.25 9.75 10.9219 9.75 10.5V4.5ZM9 2.25H1.5C1.07812 2.25 0.75 2.60156 0.75 3V3.75H9.75V3C9.75 2.60156 9.39844 2.25 9 2.25Z",
+    fill: fill
+  }));
+};
 
 // eslint-disable-next-line react/prop-types
 const ErrorIcon = _ref => {
@@ -10177,7 +10182,8 @@ const DatePicker = ({
   selectedColor,
   hoverColor,
   inRangeColor,
-  clearButtonColor
+  clearButtonColor,
+  showClearButton
 }) => {
   const [startDate, setStartDate] = useState(null);
   const [endDate, setEndDate] = useState(null);
@@ -10288,7 +10294,7 @@ const DatePicker = ({
       return /*#__PURE__*/React$1.createElement(DateCell$2, {
         key: date.toISOString()
       });
-    })), /*#__PURE__*/React$1.createElement(DatePickerFooter, null, /*#__PURE__*/React$1.createElement(ClearButton$1, {
+    })), /*#__PURE__*/React$1.createElement(DatePickerFooter, null, showClearButton && /*#__PURE__*/React$1.createElement(ClearButton$1, {
       clearButtonColor: clearButtonColor,
       onClick: clearSelection
     }, "Clear")));
@@ -10316,7 +10322,10 @@ const RangePicker = _ref => {
     selectedColor,
     hoverColor,
     inRangeColor,
-    clearButtonColor
+    clearButtonColor,
+    calendarIconColor,
+    showClearButton,
+    showOpenIcon
   } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [isOpen, setIsOpen] = useState(false);
@@ -10431,10 +10440,12 @@ const RangePicker = _ref => {
   }), /*#__PURE__*/React$1.createElement(CalendarDiv$3, {
     className: "CalendarDiv",
     onClick: toggleDatePicker
-  }, isOpen === true ? /*#__PURE__*/React$1.createElement(CalendarInOpen, {
-    className: "CalendarInOpen"
+  }, isOpen && showOpenIcon ? /*#__PURE__*/React$1.createElement(CalendarInOpen, {
+    className: "CalendarInOpen",
+    fill: calendarIconColor
   }) : /*#__PURE__*/React$1.createElement(Calendar, {
-    className: "Calendar"
+    className: "Calendar",
+    fill: calendarIconColor
   }))), /*#__PURE__*/React$1.createElement(OptionsContainer$5, {
     className: "OptionsContainer",
     onMouseEnter: () => setHoverOptionsContainer(true),
@@ -10450,7 +10461,8 @@ const RangePicker = _ref => {
     selectedColor: selectedColor,
     hoverColor: hoverColor,
     inRangeColor: inRangeColor,
-    clearButtonColor: clearButtonColor
+    clearButtonColor: clearButtonColor,
+    showClearButton: showClearButton
   })));
 };
 RangePicker.propTypes = {
@@ -10471,7 +10483,10 @@ RangePicker.propTypes = {
   selectedColor: PropTypes.string,
   hoverColor: PropTypes.string,
   inRangeColor: PropTypes.string,
-  clearButtonColor: PropTypes.string
+  clearButtonColor: PropTypes.string,
+  calendarIconColor: PropTypes.string,
+  showClearButton: PropTypes.bool,
+  showOpenIcon: PropTypes.bool
 };
 
 // Adding defaultProps
@@ -10490,7 +10505,10 @@ RangePicker.defaultProps = {
   selectedColor: '#229e38',
   hoverColor: '#f4faf5',
   inRangeColor: '#effef2',
-  clearButtonColor: '#568202'
+  clearButtonColor: '#568202',
+  calendarIconColor: '#568202',
+  showClearButton: true,
+  showOpenIcon: true
 };
 
 /* eslint-disable no-nested-ternary */