sag_components 1.0.796 → 1.0.798
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.
|
@@ -14,7 +14,7 @@ const Label = exports.Label = _styledComponents.default.label(_templateObject2 |
|
|
|
14
14
|
const InputContainer = exports.InputContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\n display: flex; \n flex-direction: row;\n flex-wrap: nowrap; \n justify-content: flex-start;\n align-content: center; \n white-space: pre-wrap;\n align-items: center;\n overflow: hidden;\n padding: 0 5px 0 0;\n margin-bottom: 8px;\n gap: 4px;\n width: 100%;\n height: 100%; \n box-sizing: border-box;\n background-color: transparent; \n border: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n font-weight: 400;\n font-size: 14px;\n border-radius: 12px;\n outline: none;\n color: ", ";\n \n &:hover {\n border: 1px solid ", ";\n cursor: ", ";\n }\n\n &:focus { \n border: 1px solid ", "; \n }\n \n"])), props => props.disabled ? '#bdbdbd' : props.error ? 'red' : '#B1B1B1', props => props.disabled ? '#888' : '#212121', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121', props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121');
|
|
15
15
|
const InputSubContainer = exports.InputSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\n display: flex; \n flex-direction: column;\n flex-wrap: nowrap; \n align-content: center; \n align-items: flex-start;\n justify-content: center;\n white-space: pre-wrap;\n overflow: hidden;\n padding: 10px 4px 10px 10px;\n width: 100%;\n height: 100%;\n min-height: 53px;\n box-sizing: border-box;\n background-color: transparent; \n border-radius: 12px;\n outline: none;\n color: ", "; \n"])), props => props.disabled ? '#888' : '#212121');
|
|
16
16
|
const StyledInput = exports.StyledInput = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: calc(100% - 20px);\n height: 25px;\n font-family: Poppins;\n font-weight: 400;\n font-size: 14px;\n outline: none; \n background-color: transparent; \n color: ", "; \n border: none; \n"])), props => props.disabled ? '#888' : '#212121');
|
|
17
|
-
const OptionsContainer = exports.OptionsContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n margin: 0; \n top: 100%; \n left: 0;\n z-index:
|
|
17
|
+
const OptionsContainer = exports.OptionsContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n margin: 0; \n top: 100%; \n left: 0;\n z-index: 100;\n width: 100%; \n background-color: #fff; \n display: ", "; \n\n"])), props => {
|
|
18
18
|
var _props$filteredoption;
|
|
19
19
|
return props.showoptions && ((_props$filteredoption = props.filteredoptions) === null || _props$filteredoption === void 0 ? void 0 : _props$filteredoption.length) > 0 ? 'block' : 'none';
|
|
20
20
|
});
|
|
@@ -14,7 +14,7 @@ const Label = exports.Label = _styledComponents.default.label(_templateObject2 |
|
|
|
14
14
|
const InputContainer = exports.InputContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\n display: flex; \n flex-direction: row;\n flex-wrap: nowrap; \n justify-content: flex-start;\n align-content: center; \n white-space: pre-wrap;\n align-items: center;\n overflow: hidden;\n padding: 0 5px 0 0;\n margin-bottom: 8px;\n gap: 4px;\n width: 100%;\n height: 100%; \n box-sizing: border-box;\n background-color: transparent; \n border: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n font-weight: 400;\n font-size: 14px;\n border-radius: 12px;\n outline: none;\n color: ", ";\n \n &:hover {\n border: 1px solid ", ";\n cursor: ", ";\n }\n\n &:focus { \n border: 1px solid ", "; \n }\n \n"])), props => props.disabled ? '#bdbdbd' : props.error ? 'red' : '#B1B1B1', props => props.disabled ? '#888' : '#212121', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121', props => props.disabled ? 'not-allowed' : 'pointer', props => props.disabled ? '#bdbdbd' : props.error ? 'red' : props.labelColor || '#212121');
|
|
15
15
|
const InputSubContainer = exports.InputSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\n display: flex; \n flex-direction: column;\n flex-wrap: nowrap; \n align-content: center; \n align-items: flex-start;\n justify-content: center;\n white-space: pre-wrap;\n overflow: hidden;\n padding: 10px 4px 10px 10px;\n width: 100%;\n height: 100%;\n min-height: 53px;\n box-sizing: border-box;\n background-color: transparent; \n border-radius: 12px;\n outline: none;\n color: ", "; \n"])), props => props.disabled ? '#888' : '#212121');
|
|
16
16
|
const StyledInput = exports.StyledInput = _styledComponents.default.input(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: calc(100% - 10px);\n height: 20px;\n font-family: Poppins;\n font-weight: 400;\n font-size: 14px;\n outline: none; \n background-color: transparent; \n color: ", "; \n border: none;\n"])), props => props.disabled ? '#888' : '#212121');
|
|
17
|
-
const OptionsContainer = exports.OptionsContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n margin: 0; \n top: 100%; \n left: 0;\n z-index:
|
|
17
|
+
const OptionsContainer = exports.OptionsContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" \n margin: 0; \n top: 100%; \n left: 0;\n z-index: 100;\n width: 100%;\n background-color: #fff; \n display: ", "; \n"])), props => {
|
|
18
18
|
var _props$filteredoption;
|
|
19
19
|
return props.showoptions && ((_props$filteredoption = props.filteredoptions) === null || _props$filteredoption === void 0 ? void 0 : _props$filteredoption.length) > 0 ? 'block' : 'none';
|
|
20
20
|
});
|
|
@@ -22,6 +22,7 @@ const ReportTable = props => {
|
|
|
22
22
|
maxColumnsNumber,
|
|
23
23
|
useColorLinearGradient,
|
|
24
24
|
useSelectButtons,
|
|
25
|
+
disableSelectButtons,
|
|
25
26
|
disableInfo,
|
|
26
27
|
selectTextColor,
|
|
27
28
|
onSelectRowClick,
|
|
@@ -142,10 +143,12 @@ const ReportTable = props => {
|
|
|
142
143
|
className: "SelectButtonContainer"
|
|
143
144
|
}, /*#__PURE__*/_react.default.createElement(_ReportTable.SelectButtonSubContainer, {
|
|
144
145
|
className: "SelectButtonSubContainer",
|
|
145
|
-
selectTextColor: selectTextColor,
|
|
146
|
-
|
|
146
|
+
selectTextColor: disableSelectButtons ? '#B1B1B1' : selectTextColor,
|
|
147
|
+
backgroundColor: disableSelectButtons ? '#E3E4E5' : '#ffffff',
|
|
148
|
+
cursor: disableSelectButtons ? 'default' : 'pointer',
|
|
149
|
+
onClick: () => disableSelectButtons ? null : handleSelectButtonRowClick(rowData)
|
|
147
150
|
}, buttonText || 'Select', ' ', buttonIconName === 'duplicate' ? /*#__PURE__*/_react.default.createElement(_Duplicate.default, {
|
|
148
|
-
color: selectTextColor
|
|
151
|
+
color: disableSelectButtons ? '#B1B1B1' : selectTextColor
|
|
149
152
|
}) : /*#__PURE__*/_react.default.createElement(_ArrowSelectIcon.default, {
|
|
150
153
|
className: "ArrowSelectIcon"
|
|
151
154
|
})));
|
|
@@ -275,6 +278,7 @@ ReportTable.defaultProps = {
|
|
|
275
278
|
maxColumnsNumber: 4,
|
|
276
279
|
useColorLinearGradient: true,
|
|
277
280
|
useSelectButtons: false,
|
|
281
|
+
disableSelectButtons: false,
|
|
278
282
|
disableInfo: false,
|
|
279
283
|
selectTextColor: '#229E38',
|
|
280
284
|
onSelectRowClick: () => {},
|
|
@@ -17,6 +17,6 @@ const Tr = exports.Tr = _styledComponents.default.tr(_templateObject5 || (_templ
|
|
|
17
17
|
const InfoText = exports.InfoText = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n color: #212121;\n padding-top: 20px;\n padding-bottom: 20px;\n"])));
|
|
18
18
|
const InfoBlock = exports.InfoBlock = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n background-color: white;\n"])));
|
|
19
19
|
const SelectButtonContainer = exports.SelectButtonContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"])));
|
|
20
|
-
const SelectButtonSubContainer = exports.SelectButtonSubContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-size: 12px;\n padding: 2px 10px;\n justify-content: flex-start;\n gap: 8px;\n color: ", ";\n border-radius: 10px;\n &:hover {\n background-color: #f0f0f0;\n cursor:
|
|
20
|
+
const SelectButtonSubContainer = exports.SelectButtonSubContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-size: 12px;\n padding: 2px 10px;\n justify-content: flex-start;\n gap: 8px;\n color: ", ";\n background-color: ", ";\n border-radius: 10px;\n &:hover {\n background-color: #f0f0f0;\n cursor: ", "; \n }\n"])), props => props.selectTextColor, props => props.backgroundColor, props => props.cursor);
|
|
21
21
|
const SelectCheckboxContainer = exports.SelectCheckboxContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n"])));
|
|
22
22
|
const SelectCheckboxSubContainer = exports.SelectCheckboxSubContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n font-size: 12px;\n padding: 2px;\n justify-content: flex-start;\n gap: 8px;\n color: ", ";\n &:hover {\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), props => props.selectTextColor);
|