@ssplib/react-components 0.0.194 → 0.0.196

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.
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  interface ColumnData {
3
3
  title: string;
4
4
  keyName: string;
5
+ customComponent?: (content: string, obj: any) => JSX.Element;
5
6
  size?: number;
6
7
  }
7
8
  type FilterTypes = 'a-z' | 'z-a' | 'items' | 'date-interval' | 'data-a-z' | 'data-z-a';
@@ -725,7 +725,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
725
725
  react_1.default.createElement(material_1.Box, { sx: { width: 'max-content', paddingX: 1 } },
726
726
  react_1.default.createElement(Typography_1.default, { fontSize: 16, fontWeight: 700, color: '#1E293B', fontFamily: 'Inter' }, c.title)),
727
727
  react_1.default.createElement(material_1.Box, { paddingLeft: 1 },
728
- react_1.default.createElement(material_1.Box, { sx: { wordWrap: 'break-word', color: '#1E293B', fontSize: 16 }, fontFamily: 'Inter' }, c.keyName === statusKeyName ? getStatusMsg((0, lodash_get_1.default)(x, c.keyName)) : react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: (0, lodash_get_1.default)(x, c.keyName) } })))))),
728
+ react_1.default.createElement(material_1.Box, { sx: { wordWrap: 'break-word', color: '#1E293B', fontSize: 16 }, fontFamily: 'Inter' }, c.customComponent ? (c.customComponent((0, lodash_get_1.default)(x, c.keyName), x)) : c.keyName === statusKeyName ? (getStatusMsg((0, lodash_get_1.default)(x, c.keyName))) : (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: (0, lodash_get_1.default)(x, c.keyName) } }))))))),
729
729
  react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 12 / columnSize },
730
730
  react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', justifyContent: isSmall ? 'start' : 'flex-end', sx: { height: '100%', paddingBottom: isSmall ? 2 : 0 } }, action(x))))))))),
731
731
  getMaxItems().length > 0 && (react_1.default.createElement(material_1.Stack, { padding: 1, direction: {
@@ -104,11 +104,11 @@ function NavBar(_a) {
104
104
  xs: 'flex',
105
105
  md: 'none',
106
106
  },
107
- } },
107
+ } }, links.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
108
108
  react_1.default.createElement(material_1.IconButton, { onClick: onMenuClick },
109
109
  react_1.default.createElement(Menu_1.default, null)),
110
110
  react_1.default.createElement(material_1.Menu, { open: menuOpen, onClose: closeMenu, anchorEl: anchor }, links.map((x) => (react_1.default.createElement(material_1.MenuItem, { key: `navmenu${x}`, onClick: (e) => onMenuItemClick(e, x.path) },
111
- react_1.default.createElement(material_1.Typography, { textTransform: 'capitalize' }, x.name)))))),
111
+ react_1.default.createElement(material_1.Typography, { textTransform: 'capitalize' }, x.name)))))))),
112
112
  react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'flex-end', alignItems: 'center', sx: { width: { md: '100%' } } },
113
113
  react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 2, sx: { display: { xs: 'none', md: 'flex' } } }, links.map((x) => (react_1.default.createElement(material_1.Box, { key: `navigation${x.path}`, sx: {
114
114
  a: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.194",
3
+ "version": "0.0.196",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",