sag_components 2.0.0-beta165 → 2.0.0-beta166

package/dist/index.d.ts

@@ -1534,7 +1534,7 @@ declare function ItemManagerPanel({ width, height, disableSection, onSendForms,
  * @param {React.ReactNode} props.children - Drawer content
  * @param {number} [props.widthPercent=70] - Width of the drawer as a percentage of the viewport width
  */
-declare function ModalDrawer({ open, onClose, children, widthPercent }: {
+declare function ModalDrawer({ open, height, onClose, children, widthPercent }: {
     open: boolean;
     onClose: Function;
     children: React.ReactNode;

package/dist/index.esm.js

@@ -34705,15 +34705,16 @@ css`
  * • onApply(start,end) – callback, both numbers (inclusive)
  * • onCancel()         – callback
  */
-const WeeksCalendar = ({
-  year,
-  defaultStartWeek = null,
-  defaultEndWeek = null,
-  backgroundColor = "#066768",
-  hoverBackgroundColor = "#E6F0F0",
-  onApply,
-  onCancel
-}) => {
+const WeeksCalendar = _ref => {
+  let {
+    year,
+    defaultStartWeek = null,
+    defaultEndWeek = null,
+    backgroundColor = "#066768",
+    hoverBackgroundColor = "#E6F0F0",
+    onApply,
+    onCancel
+  } = _ref;
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -35679,9 +35680,9 @@ const ToggleSlider = styled.span`
   }
 `;
 
-/**
- * ToggleSwitch component for on/off states.
- * Supports small/large sizes and disabled state.
+/**
+ * ToggleSwitch component for on/off states.
+ * Supports small/large sizes and disabled state.
  */
 function ToggleSwitch(_ref) {
   let {
@@ -52801,7 +52802,8 @@ const Drawer = styled.div`
   top: 0;
   right: ${props => props.open ? '0' : `-${props.widthPercent || 70}%`};
   width: ${props => props.widthPercent ? `${props.widthPercent}%` : '70%'};
-  height: 100%;
+  height: ${props => props.height ? props.height : '100%'};
+
   background: #fff;
   z-index: 1001;
   transition: right 0.3s;
@@ -52837,6 +52839,7 @@ const CloseBtn = styled.button`
 function ModalDrawer(_ref) {
   let {
     open,
+    height,
     onClose,
     children,
     widthPercent = 70
@@ -52845,6 +52848,7 @@ function ModalDrawer(_ref) {
     onClick: onClose,
     "data-testid": "overlay"
   }), /*#__PURE__*/React$1.createElement(Drawer, {
+    height: height,
     open: open,
     widthPercent: widthPercent,
     "data-testid": "drawer"
@@ -52916,10 +52920,11 @@ const DropdownList = styled.ul`
       `}
 `;
 const SectionDiv = styled.div`
-  ${({
-  $showBorder,
-  margin
-}) => {
+  ${_ref => {
+  let {
+    $showBorder,
+    margin
+  } = _ref;
   switch ($showBorder) {
     case 'Template Offer':
       return css`border-top: 1px solid #e6e2e2ff;