sag_components 2.0.0-beta165 → 2.0.0-beta166

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -34715,15 +34715,16 @@ styled.css`
34715
34715
  * • onApply(start,end) – callback, both numbers (inclusive)
34716
34716
  * • onCancel() – callback
34717
34717
  */
34718
- const WeeksCalendar = ({
34719
- year,
34720
- defaultStartWeek = null,
34721
- defaultEndWeek = null,
34722
- backgroundColor = "#066768",
34723
- hoverBackgroundColor = "#E6F0F0",
34724
- onApply,
34725
- onCancel
34726
- }) => {
34718
+ const WeeksCalendar = _ref => {
34719
+ let {
34720
+ year,
34721
+ defaultStartWeek = null,
34722
+ defaultEndWeek = null,
34723
+ backgroundColor = "#066768",
34724
+ hoverBackgroundColor = "#E6F0F0",
34725
+ onApply,
34726
+ onCancel
34727
+ } = _ref;
34727
34728
  // state -------------------------------------------------
34728
34729
  const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
34729
34730
  const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
@@ -35689,9 +35690,9 @@ const ToggleSlider = styled__default["default"].span`
35689
35690
  }
35690
35691
  `;
35691
35692
 
35692
- /**
35693
- * ToggleSwitch component for on/off states.
35694
- * Supports small/large sizes and disabled state.
35693
+ /**
35694
+ * ToggleSwitch component for on/off states.
35695
+ * Supports small/large sizes and disabled state.
35695
35696
  */
35696
35697
  function ToggleSwitch(_ref) {
35697
35698
  let {
@@ -52811,7 +52812,8 @@ const Drawer = styled__default["default"].div`
52811
52812
  top: 0;
52812
52813
  right: ${props => props.open ? '0' : `-${props.widthPercent || 70}%`};
52813
52814
  width: ${props => props.widthPercent ? `${props.widthPercent}%` : '70%'};
52814
- height: 100%;
52815
+ height: ${props => props.height ? props.height : '100%'};
52816
+
52815
52817
  background: #fff;
52816
52818
  z-index: 1001;
52817
52819
  transition: right 0.3s;
@@ -52847,6 +52849,7 @@ const CloseBtn = styled__default["default"].button`
52847
52849
  function ModalDrawer(_ref) {
52848
52850
  let {
52849
52851
  open,
52852
+ height,
52850
52853
  onClose,
52851
52854
  children,
52852
52855
  widthPercent = 70
@@ -52855,6 +52858,7 @@ function ModalDrawer(_ref) {
52855
52858
  onClick: onClose,
52856
52859
  "data-testid": "overlay"
52857
52860
  }), /*#__PURE__*/React__default["default"].createElement(Drawer, {
52861
+ height: height,
52858
52862
  open: open,
52859
52863
  widthPercent: widthPercent,
52860
52864
  "data-testid": "drawer"
@@ -52926,10 +52930,11 @@ const DropdownList = styled__default["default"].ul`
52926
52930
  `}
52927
52931
  `;
52928
52932
  const SectionDiv = styled__default["default"].div`
52929
- ${({
52930
- $showBorder,
52931
- margin
52932
- }) => {
52933
+ ${_ref => {
52934
+ let {
52935
+ $showBorder,
52936
+ margin
52937
+ } = _ref;
52933
52938
  switch ($showBorder) {
52934
52939
  case 'Template Offer':
52935
52940
  return styled.css`border-top: 1px solid #e6e2e2ff;