sag_components 1.0.558 → 1.0.560

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.
Files changed (6) hide show
  1. package/dist/stories/components/AttachedFile.js +1 -1
  2. package/dist/stories/components/AttachedFile.style.js +1 -1
  3. package/dist/stories/components/Button.js +1 -1
  4. package/dist/stories/components/TabMenu.js +3 -3
  5. package/dist/stories/components/TabMenu.style.js +2 -2
  6. package/package.json +1 -1
package/dist/stories/components/AttachedFile.js CHANGED
@@ -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)
package/dist/stories/components/AttachedFile.style.js CHANGED
@@ -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"])));
package/dist/stories/components/Button.js CHANGED
@@ -98,7 +98,7 @@ exports.Button = Button;
98
98
  var _default = exports.default = Button;
99
99
  Button.defaultProps = {
100
100
  text: '',
101
- type: '',
101
+ type: 'button',
102
102
  fontFamily: '',
103
103
  fontSize: 18,
104
104
  shape: 'contained',
package/dist/stories/components/TabMenu.js CHANGED
@@ -21,7 +21,7 @@ const TabMenu = props => {
21
21
  return /*#__PURE__*/_react.default.createElement(_TabMenu.TabMenuContainer, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Nav, null, /*#__PURE__*/_react.default.createElement(_TabMenu.Tabs, null, tabs.map((tab, index) => /*#__PURE__*/_react.default.createElement(_TabMenu.Tab, {
22
22
  key: index,
23
23
  isActive: index === activeTab,
24
- className: index === activeTab ? 'active' : '',
24
+ className: "tab ".concat(index === activeTab ? 'active' : ''),
25
25
  color: color,
26
26
  onClick: () => handleTabChange(index)
27
27
  }, tab.title)), /*#__PURE__*/_react.default.createElement(_TabMenu.PresentationSlider, {
@@ -38,10 +38,10 @@ TabMenu.defaultProps = {
38
38
  tabs: [
39
39
  // { title: 'Tab 1', content: <ReportTable /> },
40
40
  {
41
- title: 'Tab 2',
41
+ title: 'longggggg',
42
42
  content: 'Content for Tab 2'
43
43
  }, {
44
- title: 'Tab 3',
44
+ title: 'short',
45
45
  content: 'Content for Tab 3'
46
46
  }],
47
47
  onTabChange: () => {}
package/dist/stories/components/TabMenu.style.js CHANGED
@@ -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 position: relative;\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: 100px;\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 "])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.558",
3
+ "version": "1.0.560",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {