sag_components 2.0.0-beta234 → 2.0.0-beta235
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 -2
- package/dist/index.esm.js +62 -60
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +62 -60
- package/dist/index.js.map +1 -1
- package/dist/types/components/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -8939,26 +8939,27 @@ const IconContainer$5 = styled__default["default"].div`
|
|
|
8939
8939
|
cursor: pointer;
|
|
8940
8940
|
`;
|
|
8941
8941
|
|
|
8942
|
-
const DropdownSingleNew =
|
|
8943
|
-
|
|
8944
|
-
|
|
8945
|
-
|
|
8946
|
-
|
|
8947
|
-
|
|
8948
|
-
|
|
8949
|
-
|
|
8950
|
-
|
|
8951
|
-
|
|
8952
|
-
|
|
8953
|
-
|
|
8954
|
-
|
|
8955
|
-
|
|
8956
|
-
|
|
8957
|
-
|
|
8958
|
-
|
|
8959
|
-
|
|
8960
|
-
|
|
8961
|
-
|
|
8942
|
+
const DropdownSingleNew = _ref => {
|
|
8943
|
+
let {
|
|
8944
|
+
label,
|
|
8945
|
+
labelEmptyValue,
|
|
8946
|
+
options,
|
|
8947
|
+
selectedValue,
|
|
8948
|
+
onChange,
|
|
8949
|
+
required,
|
|
8950
|
+
disabled,
|
|
8951
|
+
width,
|
|
8952
|
+
height,
|
|
8953
|
+
withMarginBottom = true,
|
|
8954
|
+
error,
|
|
8955
|
+
errorMessage,
|
|
8956
|
+
xIconShow,
|
|
8957
|
+
labelColor,
|
|
8958
|
+
showLabelOnTop,
|
|
8959
|
+
orderBy,
|
|
8960
|
+
placeHolder = "",
|
|
8961
|
+
elementType
|
|
8962
|
+
} = _ref;
|
|
8962
8963
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
8963
8964
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
8964
8965
|
const [showAbove, setShowAbove] = React$1.useState(false);
|
|
@@ -9463,26 +9464,27 @@ const IconContainer$4 = styled__default["default"].div`
|
|
|
9463
9464
|
cursor: pointer;
|
|
9464
9465
|
`;
|
|
9465
9466
|
|
|
9466
|
-
const DropdownMultiNew =
|
|
9467
|
-
|
|
9468
|
-
|
|
9469
|
-
|
|
9470
|
-
|
|
9471
|
-
|
|
9472
|
-
|
|
9473
|
-
|
|
9474
|
-
|
|
9475
|
-
|
|
9476
|
-
|
|
9477
|
-
|
|
9478
|
-
|
|
9479
|
-
|
|
9480
|
-
|
|
9481
|
-
|
|
9482
|
-
|
|
9483
|
-
|
|
9484
|
-
|
|
9485
|
-
|
|
9467
|
+
const DropdownMultiNew = _ref => {
|
|
9468
|
+
let {
|
|
9469
|
+
label,
|
|
9470
|
+
labelEmptyValue,
|
|
9471
|
+
options,
|
|
9472
|
+
selectedValue,
|
|
9473
|
+
onChange,
|
|
9474
|
+
required,
|
|
9475
|
+
disabled,
|
|
9476
|
+
width,
|
|
9477
|
+
height,
|
|
9478
|
+
withMarginBottom = true,
|
|
9479
|
+
error,
|
|
9480
|
+
errorMessage,
|
|
9481
|
+
labelColor,
|
|
9482
|
+
xIconShow,
|
|
9483
|
+
checkBoxColor,
|
|
9484
|
+
showLabelOnTop,
|
|
9485
|
+
orderBy,
|
|
9486
|
+
elementType
|
|
9487
|
+
} = _ref;
|
|
9486
9488
|
const [isFocused, setIsFocused] = React$1.useState(false);
|
|
9487
9489
|
const [showOptions, setShowOptions] = React$1.useState(false);
|
|
9488
9490
|
const [showAbove, setShowAbove] = React$1.useState(false);
|
|
@@ -34981,17 +34983,18 @@ styled.css`
|
|
|
34981
34983
|
* • onApply(start,end) — callback, both numbers (inclusive)
|
|
34982
34984
|
* • onCancel() — callback
|
|
34983
34985
|
*/
|
|
34984
|
-
const WeeksCalendar =
|
|
34985
|
-
|
|
34986
|
-
|
|
34987
|
-
|
|
34988
|
-
|
|
34989
|
-
|
|
34990
|
-
|
|
34991
|
-
|
|
34992
|
-
|
|
34993
|
-
|
|
34994
|
-
|
|
34986
|
+
const WeeksCalendar = _ref => {
|
|
34987
|
+
let {
|
|
34988
|
+
year,
|
|
34989
|
+
defaultStartWeek = null,
|
|
34990
|
+
defaultEndWeek = null,
|
|
34991
|
+
backgroundColor = "#066768",
|
|
34992
|
+
hoverBackgroundColor = "#E6F0F0",
|
|
34993
|
+
allowedWeekRange = null,
|
|
34994
|
+
// New prop for range restriction
|
|
34995
|
+
onApply,
|
|
34996
|
+
onCancel
|
|
34997
|
+
} = _ref;
|
|
34995
34998
|
// state -------------------------------------------------
|
|
34996
34999
|
const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
|
|
34997
35000
|
const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
|
|
@@ -36099,7 +36102,7 @@ const ToggleSwitchLabel = styled__default["default"].label`
|
|
|
36099
36102
|
position: relative;
|
|
36100
36103
|
cursor: pointer;
|
|
36101
36104
|
user-select: none;
|
|
36102
|
-
|
|
36105
|
+
opacity: ${_ref => {
|
|
36103
36106
|
let {
|
|
36104
36107
|
disabled
|
|
36105
36108
|
} = _ref;
|
|
@@ -36117,7 +36120,7 @@ const ToggleSlider = styled__default["default"].span`
|
|
|
36117
36120
|
checked,
|
|
36118
36121
|
disabled
|
|
36119
36122
|
} = _ref2;
|
|
36120
|
-
return checked ? disabled ? "#7bb1b0" : "#006d6a" :
|
|
36123
|
+
return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
|
|
36121
36124
|
}};
|
|
36122
36125
|
border-radius: 999px;
|
|
36123
36126
|
transition: background 0.2s;
|
|
@@ -36184,13 +36187,11 @@ function ToggleSwitch(_ref) {
|
|
|
36184
36187
|
onChange,
|
|
36185
36188
|
size = "m",
|
|
36186
36189
|
disabled = false,
|
|
36187
|
-
aa,
|
|
36188
36190
|
...props
|
|
36189
36191
|
} = _ref;
|
|
36190
36192
|
return /*#__PURE__*/React__default["default"].createElement(ToggleSwitchLabel, {
|
|
36191
36193
|
size: size,
|
|
36192
|
-
disabled: disabled
|
|
36193
|
-
aa: true
|
|
36194
|
+
disabled: disabled
|
|
36194
36195
|
}, /*#__PURE__*/React__default["default"].createElement(ToggleInput, _extends$1({
|
|
36195
36196
|
type: "checkbox",
|
|
36196
36197
|
checked: checked,
|
|
@@ -54916,10 +54917,11 @@ const DropdownList = styled__default["default"].ul`
|
|
|
54916
54917
|
`}
|
|
54917
54918
|
`;
|
|
54918
54919
|
const SectionDiv = styled__default["default"].div`
|
|
54919
|
-
${
|
|
54920
|
-
|
|
54921
|
-
|
|
54922
|
-
|
|
54920
|
+
${_ref => {
|
|
54921
|
+
let {
|
|
54922
|
+
$showBorder,
|
|
54923
|
+
margin
|
|
54924
|
+
} = _ref;
|
|
54923
54925
|
switch ($showBorder) {
|
|
54924
54926
|
case 'Template Offer':
|
|
54925
54927
|
return styled.css`border-top: 1px solid #e6e2e2ff;
|