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.d.ts +1 -1
- package/dist/index.esm.js +22 -17
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +22 -17
- package/dist/index.js.map +1 -1
- package/dist/types/components/ModalDrawer/ModalDrawer.d.ts +1 -1
- package/package.json +1 -1
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
|
-
|
|
34720
|
-
|
|
34721
|
-
|
|
34722
|
-
|
|
34723
|
-
|
|
34724
|
-
|
|
34725
|
-
|
|
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
|
-
|
|
52931
|
-
|
|
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;
|