sag_components 1.0.592 → 1.0.593

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 (4) hide show
  1. package/dist/stories/components/CollapseMenuItem.js +12 -5
  2. package/dist/stories/components/CollapseMenuItem.style.js +5 -4
  3. package/dist/stories/components/ProductsVariety.style.js +1 -1
  4. package/package.json +1 -1
package/dist/stories/components/CollapseMenuItem.js CHANGED
@@ -8,13 +8,15 @@ exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _MenuItemClosedIcon = require("./icons/MenuItemClosedIcon");
10
10
  var _MenuItemOpenIcon = require("./icons/MenuItemOpenIcon");
11
+ var _MenuItemUpIcon = require("./icons/MenuItemUpIcon");
11
12
  var _CollapseMenuItem = require("./CollapseMenuItem.style");
12
13
  const CollapseMenuItem = props => {
13
14
  const {
14
15
  title,
15
16
  subTitle,
16
17
  children,
17
- showBorder
18
+ showBorder,
19
+ buttonAlignment
18
20
  } = props;
19
21
  const [IsItemOpen, setIsItemOpen] = (0, _react.useState)(false);
20
22
  const handleToggle = () => {
@@ -29,8 +31,8 @@ const CollapseMenuItem = props => {
29
31
  style: {
30
32
  cursor: 'pointer'
31
33
  }
32
- }, /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.CollapseMenuItemIconContainer, {
33
- id: "CollapseMenuItemIconContainer"
34
+ }, buttonAlignment === 'left' && /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.LeftIconContainer, {
35
+ id: "LeftIconContainer"
34
36
  }, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_MenuItemOpenIcon.MenuItemOpenIcon, {
35
37
  color: "#212121"
36
38
  }) : /*#__PURE__*/_react.default.createElement(_MenuItemClosedIcon.MenuItemClosedIcon, {
@@ -41,7 +43,11 @@ const CollapseMenuItem = props => {
41
43
  id: "CollapseMenuItemSubTitle"
42
44
  }, subTitle !== undefined && subTitle !== null && subTitle !== '' ? '|' : ''), /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.CollapseMenuItemSubTitle, {
43
45
  id: "CollapseMenuItemSubTitle"
44
- }, subTitle)), IsItemOpen && /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.CollapseMenuItemContentContainer, {
46
+ }, subTitle), buttonAlignment === 'right' && /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.RightIconContainer, null, IsItemOpen ? /*#__PURE__*/_react.default.createElement(_MenuItemUpIcon.MenuItemUpIcon, {
47
+ color: "#212121"
48
+ }) : /*#__PURE__*/_react.default.createElement(_MenuItemOpenIcon.MenuItemOpenIcon, {
49
+ color: "#212121"
50
+ }))), IsItemOpen && /*#__PURE__*/_react.default.createElement(_CollapseMenuItem.CollapseMenuItemContentContainer, {
45
51
  id: "CollapseMenuItemContentContainer"
46
52
  }, children || ''));
47
53
  };
@@ -49,5 +55,6 @@ var _default = exports.default = CollapseMenuItem;
49
55
  CollapseMenuItem.defaultProps = {
50
56
  title: '',
51
57
  subTitle: '',
52
- showBorder: false
58
+ showBorder: false,
59
+ buttonAlignment: 'left'
53
60
  };
package/dist/stories/components/CollapseMenuItem.style.js CHANGED
@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.CollapseMenuItemTitle = exports.CollapseMenuItemSubTitle = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemIconContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
7
+ exports.RightIconContainer = exports.LeftIconContainer = exports.CollapseMenuItemTitle = exports.CollapseMenuItemSubTitle = exports.CollapseMenuItemMainContainer = exports.CollapseMenuItemContentContainer = exports.CollapseMenuItemContainer = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
10
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
11
11
  const CollapseMenuItemMainContainer = exports.CollapseMenuItemMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin: 0;\n background: #ffffff;\n box-shadow: ", ";\n border-radius: 12px;\n"])), props => props.showBorder ? '0px 0px 20px 0px rgba(0, 0, 0, 0.2)' : null);
12
12
  const CollapseMenuItemContainer = exports.CollapseMenuItemContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 18px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding: 10px;\n"])));
13
13
  const CollapseMenuItemTitle = exports.CollapseMenuItemTitle = _styledComponents.default.h3(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 18px;\n @media (max-width: 1536px) {\n font-size: 16px;\n }\n @media (max-width: 1366px) {\n font-size: 14px;\n }\n line-height: 25px;\n margin: 0 5px 0 10px;\n\n"])));
14
14
  const CollapseMenuItemSubTitle = exports.CollapseMenuItemSubTitle = _styledComponents.default.h3(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #757171;\n font-weight: 500;\n font-size: 18px;\n @media (max-width: 1536px) {\n font-size: 16px;\n }\n @media (max-width: 1366px) {\n font-size: 14px;\n }\n line-height: 25px;\n margin: 0 5px;\n\n"])));
15
- const CollapseMenuItemIconContainer = exports.CollapseMenuItemIconContainer = _styledComponents.default.h3(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 0 0 10px;\n"])));
16
- const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin: 0;\n"])));
15
+ const LeftIconContainer = exports.LeftIconContainer = _styledComponents.default.h3(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 0 0 10px;\n"])));
16
+ const CollapseMenuItemContentContainer = exports.CollapseMenuItemContentContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 14px;\n margin: 0;\n"])));
17
+ const RightIconContainer = exports.RightIconContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n width: 20px;\n height: 20px;\n top: 15px;\n right: 15px;\n position: absolute;\n"])));
package/dist/stories/components/ProductsVariety.style.js CHANGED
@@ -8,7 +8,7 @@ exports.ProductsVarietyTitleContainer = exports.ProductsVarietyTitle = exports.P
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
11
- const ProductsVarietyMainContainer = exports.ProductsVarietyMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin: 0;\n padding: 10px;\n border-radius: 12px;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n"])));
11
+ const ProductsVarietyMainContainer = exports.ProductsVarietyMainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n margin: 0;\n padding: 10px;\n background: #ffffff;\n border-radius: 12px;\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);\n"])));
12
12
  const ProductsVarietyContainer = exports.ProductsVarietyContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 10px;\n"])));
13
13
  const ProductsVarietyTitleContainer = exports.ProductsVarietyTitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 20px;\n line-height: 25px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n margin: 10px;\n gap: 15px;\n"])));
14
14
  const ProductsVarietyTitle = exports.ProductsVarietyTitle = _styledComponents.default.h3(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 20px;\n\n margin: 0;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.592",
3
+ "version": "1.0.593",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {