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.d.ts
CHANGED
|
@@ -1416,13 +1416,12 @@ declare function Tooltip(props: any): react_jsx_runtime.JSX.Element;
|
|
|
1416
1416
|
* ToggleSwitch component for on/off states.
|
|
1417
1417
|
* Supports small/large sizes and disabled state.
|
|
1418
1418
|
*/
|
|
1419
|
-
declare function ToggleSwitch({ checked, onChange, size, disabled,
|
|
1419
|
+
declare function ToggleSwitch({ checked, onChange, size, disabled, ...props }: {
|
|
1420
1420
|
[x: string]: any;
|
|
1421
1421
|
checked: any;
|
|
1422
1422
|
onChange: any;
|
|
1423
1423
|
size?: string;
|
|
1424
1424
|
disabled?: boolean;
|
|
1425
|
-
aa: any;
|
|
1426
1425
|
}): react_jsx_runtime.JSX.Element;
|
|
1427
1426
|
declare namespace ToggleSwitch {
|
|
1428
1427
|
namespace propTypes {
|
package/dist/index.esm.js
CHANGED
|
@@ -8929,26 +8929,27 @@ const IconContainer$5 = styled.div`
|
|
|
8929
8929
|
cursor: pointer;
|
|
8930
8930
|
`;
|
|
8931
8931
|
|
|
8932
|
-
const DropdownSingleNew =
|
|
8933
|
-
|
|
8934
|
-
|
|
8935
|
-
|
|
8936
|
-
|
|
8937
|
-
|
|
8938
|
-
|
|
8939
|
-
|
|
8940
|
-
|
|
8941
|
-
|
|
8942
|
-
|
|
8943
|
-
|
|
8944
|
-
|
|
8945
|
-
|
|
8946
|
-
|
|
8947
|
-
|
|
8948
|
-
|
|
8949
|
-
|
|
8950
|
-
|
|
8951
|
-
|
|
8932
|
+
const DropdownSingleNew = _ref => {
|
|
8933
|
+
let {
|
|
8934
|
+
label,
|
|
8935
|
+
labelEmptyValue,
|
|
8936
|
+
options,
|
|
8937
|
+
selectedValue,
|
|
8938
|
+
onChange,
|
|
8939
|
+
required,
|
|
8940
|
+
disabled,
|
|
8941
|
+
width,
|
|
8942
|
+
height,
|
|
8943
|
+
withMarginBottom = true,
|
|
8944
|
+
error,
|
|
8945
|
+
errorMessage,
|
|
8946
|
+
xIconShow,
|
|
8947
|
+
labelColor,
|
|
8948
|
+
showLabelOnTop,
|
|
8949
|
+
orderBy,
|
|
8950
|
+
placeHolder = "",
|
|
8951
|
+
elementType
|
|
8952
|
+
} = _ref;
|
|
8952
8953
|
const [isFocused, setIsFocused] = useState(false);
|
|
8953
8954
|
const [showOptions, setShowOptions] = useState(false);
|
|
8954
8955
|
const [showAbove, setShowAbove] = useState(false);
|
|
@@ -9453,26 +9454,27 @@ const IconContainer$4 = styled.div`
|
|
|
9453
9454
|
cursor: pointer;
|
|
9454
9455
|
`;
|
|
9455
9456
|
|
|
9456
|
-
const DropdownMultiNew =
|
|
9457
|
-
|
|
9458
|
-
|
|
9459
|
-
|
|
9460
|
-
|
|
9461
|
-
|
|
9462
|
-
|
|
9463
|
-
|
|
9464
|
-
|
|
9465
|
-
|
|
9466
|
-
|
|
9467
|
-
|
|
9468
|
-
|
|
9469
|
-
|
|
9470
|
-
|
|
9471
|
-
|
|
9472
|
-
|
|
9473
|
-
|
|
9474
|
-
|
|
9475
|
-
|
|
9457
|
+
const DropdownMultiNew = _ref => {
|
|
9458
|
+
let {
|
|
9459
|
+
label,
|
|
9460
|
+
labelEmptyValue,
|
|
9461
|
+
options,
|
|
9462
|
+
selectedValue,
|
|
9463
|
+
onChange,
|
|
9464
|
+
required,
|
|
9465
|
+
disabled,
|
|
9466
|
+
width,
|
|
9467
|
+
height,
|
|
9468
|
+
withMarginBottom = true,
|
|
9469
|
+
error,
|
|
9470
|
+
errorMessage,
|
|
9471
|
+
labelColor,
|
|
9472
|
+
xIconShow,
|
|
9473
|
+
checkBoxColor,
|
|
9474
|
+
showLabelOnTop,
|
|
9475
|
+
orderBy,
|
|
9476
|
+
elementType
|
|
9477
|
+
} = _ref;
|
|
9476
9478
|
const [isFocused, setIsFocused] = useState(false);
|
|
9477
9479
|
const [showOptions, setShowOptions] = useState(false);
|
|
9478
9480
|
const [showAbove, setShowAbove] = useState(false);
|
|
@@ -34971,17 +34973,18 @@ css`
|
|
|
34971
34973
|
* • onApply(start,end) — callback, both numbers (inclusive)
|
|
34972
34974
|
* • onCancel() — callback
|
|
34973
34975
|
*/
|
|
34974
|
-
const WeeksCalendar =
|
|
34975
|
-
|
|
34976
|
-
|
|
34977
|
-
|
|
34978
|
-
|
|
34979
|
-
|
|
34980
|
-
|
|
34981
|
-
|
|
34982
|
-
|
|
34983
|
-
|
|
34984
|
-
|
|
34976
|
+
const WeeksCalendar = _ref => {
|
|
34977
|
+
let {
|
|
34978
|
+
year,
|
|
34979
|
+
defaultStartWeek = null,
|
|
34980
|
+
defaultEndWeek = null,
|
|
34981
|
+
backgroundColor = "#066768",
|
|
34982
|
+
hoverBackgroundColor = "#E6F0F0",
|
|
34983
|
+
allowedWeekRange = null,
|
|
34984
|
+
// New prop for range restriction
|
|
34985
|
+
onApply,
|
|
34986
|
+
onCancel
|
|
34987
|
+
} = _ref;
|
|
34985
34988
|
// state -------------------------------------------------
|
|
34986
34989
|
const [startWeek, setStartWeek] = useState(defaultStartWeek);
|
|
34987
34990
|
const [endWeek, setEndWeek] = useState(defaultEndWeek);
|
|
@@ -36089,7 +36092,7 @@ const ToggleSwitchLabel = styled.label`
|
|
|
36089
36092
|
position: relative;
|
|
36090
36093
|
cursor: pointer;
|
|
36091
36094
|
user-select: none;
|
|
36092
|
-
|
|
36095
|
+
opacity: ${_ref => {
|
|
36093
36096
|
let {
|
|
36094
36097
|
disabled
|
|
36095
36098
|
} = _ref;
|
|
@@ -36107,7 +36110,7 @@ const ToggleSlider = styled.span`
|
|
|
36107
36110
|
checked,
|
|
36108
36111
|
disabled
|
|
36109
36112
|
} = _ref2;
|
|
36110
|
-
return checked ? disabled ? "#7bb1b0" : "#006d6a" :
|
|
36113
|
+
return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
|
|
36111
36114
|
}};
|
|
36112
36115
|
border-radius: 999px;
|
|
36113
36116
|
transition: background 0.2s;
|
|
@@ -36174,13 +36177,11 @@ function ToggleSwitch(_ref) {
|
|
|
36174
36177
|
onChange,
|
|
36175
36178
|
size = "m",
|
|
36176
36179
|
disabled = false,
|
|
36177
|
-
aa,
|
|
36178
36180
|
...props
|
|
36179
36181
|
} = _ref;
|
|
36180
36182
|
return /*#__PURE__*/React$1.createElement(ToggleSwitchLabel, {
|
|
36181
36183
|
size: size,
|
|
36182
|
-
disabled: disabled
|
|
36183
|
-
aa: true
|
|
36184
|
+
disabled: disabled
|
|
36184
36185
|
}, /*#__PURE__*/React$1.createElement(ToggleInput, _extends$1({
|
|
36185
36186
|
type: "checkbox",
|
|
36186
36187
|
checked: checked,
|
|
@@ -54906,10 +54907,11 @@ const DropdownList = styled.ul`
|
|
|
54906
54907
|
`}
|
|
54907
54908
|
`;
|
|
54908
54909
|
const SectionDiv = styled.div`
|
|
54909
|
-
${
|
|
54910
|
-
|
|
54911
|
-
|
|
54912
|
-
|
|
54910
|
+
${_ref => {
|
|
54911
|
+
let {
|
|
54912
|
+
$showBorder,
|
|
54913
|
+
margin
|
|
54914
|
+
} = _ref;
|
|
54913
54915
|
switch ($showBorder) {
|
|
54914
54916
|
case 'Template Offer':
|
|
54915
54917
|
return css`border-top: 1px solid #e6e2e2ff;
|