sag_components 1.0.558 → 1.0.559
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.
|
@@ -29,7 +29,7 @@ const AttachedFile = props => {
|
|
|
29
29
|
setSelectedFiles(prevFiles => prevFiles.filter(file => file !== fileToRemove));
|
|
30
30
|
const fileInput = document.getElementById('fileInput');
|
|
31
31
|
fileInput.value = ''; // Reset input value
|
|
32
|
-
onRemoveFile();
|
|
32
|
+
onRemoveFile(fileToRemove);
|
|
33
33
|
};
|
|
34
34
|
return /*#__PURE__*/_react.default.createElement(_AttachedFile.AttachedFileContainer, null, selectedFiles.map(file => /*#__PURE__*/_react.default.createElement(_AttachedFile.UploadedFile, {
|
|
35
35
|
key: "".concat(file.name, "_").concat(file.lastModified)
|
|
@@ -10,5 +10,5 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
11
11
|
const AttachedFileContainer = exports.AttachedFileContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: 'Poppins';\n font-size: 14px;\n font-weight: 400;\n"])));
|
|
12
12
|
const InputLabel = exports.InputLabel = _styledComponents.default.label(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 8px;\n align-items: center;\n cursor: pointer;\n > span {\n color: ", ";\n }\n"])), props => props.inputColor);
|
|
13
|
-
const UploadedFile = exports.UploadedFile = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 8px;\n align-items: center;\n color: #A4A4A4;\n max-width: 220px;\n padding: 2px 8px;\n margin-bottom: 10px;\n"])));
|
|
13
|
+
const UploadedFile = exports.UploadedFile = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 8px;\n align-items: center;\n color: #A4A4A4;\n max-width: 220px;\n padding: 2px 8px;\n margin-bottom: 10px;\n > span {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n > svg {\n min-width: 12px;\n }\n"])));
|
|
14
14
|
const RemoveButton = exports.RemoveButton = _styledComponents.default.button(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border: none;\n background: none;\n padding: 0;\n display: flex;\n align-items: center;\n margin-left: auto;\n cursor: pointer;\n"])));
|
|
@@ -38,10 +38,10 @@ TabMenu.defaultProps = {
|
|
|
38
38
|
tabs: [
|
|
39
39
|
// { title: 'Tab 1', content: <ReportTable /> },
|
|
40
40
|
{
|
|
41
|
-
title: '
|
|
41
|
+
title: 'longggggg',
|
|
42
42
|
content: 'Content for Tab 2'
|
|
43
43
|
}, {
|
|
44
|
-
title: '
|
|
44
|
+
title: 'short',
|
|
45
45
|
content: 'Content for Tab 3'
|
|
46
46
|
}],
|
|
47
47
|
onTabChange: () => {}
|
|
@@ -10,7 +10,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
|
10
10
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
11
11
|
const TabMenuContainer = exports.TabMenuContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n font-family: 'Poppins', sans-serif;\n"])));
|
|
12
12
|
const Nav = exports.Nav = _styledComponents.default.nav(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)([" \n display: inline-block;\n"])));
|
|
13
|
-
const Tabs = exports.Tabs = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n
|
|
14
|
-
const Tab = exports.Tab = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n position: relative;\n text-align: center;\n padding: 8px 12px;\n font-size: 16px;\n color: #000000;\n &.active {\n font-weight: 600;\n color: ", ";\n }\n"])), props => props.color);
|
|
13
|
+
const Tabs = exports.Tabs = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n"])));
|
|
14
|
+
const Tab = exports.Tab = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n cursor: pointer;\n position: relative;\n text-align: center;\n flex: 1;\n min-width: 120px;\n padding: 8px 12px;\n font-size: 16px;\n color: #000000;\n &.active {\n font-weight: 600;\n color: ", ";\n }\n"])), props => props.color);
|
|
15
15
|
const PresentationSlider = exports.PresentationSlider = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: #EAEAEA;\n &::before {\n content: '';\n position: absolute;\n left: 0;\n z-index: 1;\n width: ", ";\n height: 2px;\n background-color: ", ";\n transform: translateX(calc(100% * ", "));\n transition: transform .35s ease;\n }\n"])), props => props.width, props => props.color, props => props.activeTab);
|
|
16
16
|
const Body = exports.Body = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n padding: 24px 0;\n "])));
|