@epilot/base-elements 3.1.0 → 3.2.0

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.
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { EntityItemProps } from './types';
3
+ interface EntityAttributesProps {
4
+ attributePriorities: EntityItemProps['attributePriorities'];
5
+ attributes: EntityItemProps['attributes'];
6
+ collapsible?: boolean;
7
+ }
8
+ export declare const EntityAttributes: React.MemoExoticComponent<({ attributePriorities, attributes, collapsible }: EntityAttributesProps) => JSX.Element | null>;
9
+ export {};
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.EntityAttributes = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var core_1 = require("@material-ui/core");
6
+ var lodash_1 = require("lodash");
7
+ var react_1 = tslib_1.__importStar(require("react"));
8
+ var Grid_1 = require("../Grid");
9
+ var Typography_1 = require("../Typography");
10
+ var useStyles = core_1.makeStyles(function (theme) {
11
+ return core_1.createStyles({
12
+ entityField: {
13
+ display: 'flex',
14
+ flexDirection: 'column',
15
+ padding: '0 8px',
16
+ alignItems: 'flex-start',
17
+ whiteSpace: 'nowrap'
18
+ },
19
+ attributeKey: {
20
+ color: theme.palette.text.hint
21
+ },
22
+ attributeValue: {
23
+ fontWeight: theme.typography.fontWeightMedium
24
+ },
25
+ gridUnwrapped: {
26
+ flexWrap: 'nowrap',
27
+ justifyContent: 'end'
28
+ },
29
+ gridContainerSpaced: {
30
+ justifyContent: 'space-evenly'
31
+ }
32
+ });
33
+ });
34
+ exports.EntityAttributes = react_1.memo(function (_a) {
35
+ var attributePriorities = _a.attributePriorities, attributes = _a.attributes, collapsible = _a.collapsible;
36
+ var classes = useStyles();
37
+ var validAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) { return !lodash_1.isNil(attr.value); });
38
+ if (!(validAttributes === null || validAttributes === void 0 ? void 0 : validAttributes.length)) {
39
+ return null;
40
+ }
41
+ var _b = getSortAttributes(validAttributes, attributePriorities), ordered = _b.ordered, remaining = _b.remaining;
42
+ return (react_1["default"].createElement(Grid_1.Grid, { className: collapsible ? classes.gridContainerSpaced : classes.gridUnwrapped, container: true },
43
+ react_1["default"].createElement(EntityAttributeList, { attributeList: ordered, collapsible: collapsible }),
44
+ Boolean(remaining.length) &&
45
+ (collapsible || (!collapsible && !(attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length))) && (react_1["default"].createElement(EntityAttributeList, { attributeList: remaining, collapsible: collapsible }))));
46
+ });
47
+ var EntityAttributeList = react_1.memo(function (_a) {
48
+ var attributeList = _a.attributeList, collapsible = _a.collapsible;
49
+ var classes = useStyles();
50
+ return (react_1["default"].createElement(react_1["default"].Fragment, null, attributeList === null || attributeList === void 0 ? void 0 : attributeList.map(function (attribute) {
51
+ switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
52
+ case 'string':
53
+ return (react_1["default"].createElement(Grid_1.Grid, { className: classes.entityField, item: true, key: attribute.name, sm: collapsible ? 4 : undefined },
54
+ react_1["default"].createElement(Typography_1.SmallText, { className: classes.attributeKey }, attribute.label),
55
+ react_1["default"].createElement(Typography_1.BodyText, { className: classes.attributeValue }, attribute.value)));
56
+ default:
57
+ return null;
58
+ }
59
+ })));
60
+ });
61
+ exports.EntityAttributes.displayName = 'EntityAttributes';
62
+ EntityAttributeList.displayName = 'EntityAttributeList';
63
+ // TODO: write tests for this
64
+ function getSortAttributes(attributes, attributePriorities) {
65
+ if (attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length) {
66
+ var ordered = [];
67
+ var remaining = [];
68
+ for (var i = 0; i < attributes.length; i++) {
69
+ var index = attributePriorities.indexOf(attributes[i].name);
70
+ if (index !== -1) {
71
+ ordered.splice(index, 0, attributes[i]);
72
+ }
73
+ else {
74
+ remaining.push(attributes[i]);
75
+ }
76
+ }
77
+ return { ordered: ordered, remaining: remaining };
78
+ }
79
+ else {
80
+ return { ordered: [], remaining: attributes };
81
+ }
82
+ }
83
+ //# sourceMappingURL=EntityAttributes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EntityAttributes.js","sourceRoot":"","sources":["../../src/EntityItem/EntityAttributes.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { EntityItemProps } from './types';
3
+ export declare const EntityItem: React.MemoExoticComponent<({ avatarIcon, attributes, attributePriorities, collapsible, className, id, menuProps, onClick, relationTags, title, tags, url, style }: EntityItemProps) => JSX.Element>;
@@ -0,0 +1,134 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.EntityItem = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var core_1 = require("@material-ui/core");
6
+ var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
7
+ var react_1 = tslib_1.__importStar(require("react"));
8
+ var Avatar_1 = require("../Avatar");
9
+ var Box_1 = require("../Box");
10
+ var Button_1 = require("../Button");
11
+ var Chip_1 = require("../Chip");
12
+ var Icon_1 = require("../Icon");
13
+ var Link_1 = require("../Link");
14
+ var Typography_1 = require("../Typography");
15
+ var EntityAttributes_1 = require("./EntityAttributes");
16
+ var EntityMenu_1 = require("./EntityMenu");
17
+ var useStyles = core_1.makeStyles(function (theme) {
18
+ return core_1.createStyles({
19
+ entityItemRoot: {
20
+ padding: function (_a) {
21
+ var showRelations = _a.showRelations, hasTags = _a.hasTags;
22
+ return theme.spacing(showRelations ? 0.5 : hasTags ? 2 : 1) + "px " + theme.spacing(2) + "px";
23
+ },
24
+ borderRadius: theme.shape.borderRadius,
25
+ backgroundColor: theme.palette.background.paper,
26
+ color: theme.palette.text.primary,
27
+ border: "1px solid transparent",
28
+ display: 'flex',
29
+ flexWrap: 'wrap',
30
+ boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
31
+ '&:hover': {
32
+ borderColor: theme.palette.primary.main
33
+ }
34
+ },
35
+ itemsWrapper: {
36
+ display: 'flex',
37
+ alignItems: 'center',
38
+ flex: 1,
39
+ position: 'relative',
40
+ top: function (_a) {
41
+ var showRelations = _a.showRelations;
42
+ return (showRelations ? '-12px' : 0);
43
+ }
44
+ },
45
+ title: {
46
+ marginRight: theme.spacing(1),
47
+ textAlign: 'left',
48
+ fontWeight: 600,
49
+ paddingBottom: function (_a) {
50
+ var hasTags = _a.hasTags;
51
+ return hasTags ? theme.spacing(0.5) : 0;
52
+ }
53
+ },
54
+ avatar: {
55
+ marginRight: theme.spacing(1)
56
+ },
57
+ entityField: {
58
+ display: 'flex',
59
+ flexDirection: 'column',
60
+ padding: '0 8px',
61
+ alignItems: 'flex-start'
62
+ },
63
+ tag: {
64
+ '&:not(:last-child)': {
65
+ marginRight: theme.spacing(1)
66
+ }
67
+ },
68
+ relationTagsWrapper: {
69
+ paddingLeft: 8,
70
+ paddingRight: 8,
71
+ background: 'white'
72
+ },
73
+ relationTags: {
74
+ flex: '0 0 100%',
75
+ display: 'flex',
76
+ zIndex: 10,
77
+ borderRadius: '4px',
78
+ position: 'relative',
79
+ top: "-" + theme.spacing(2) + "px",
80
+ height: '24px'
81
+ },
82
+ tagsWrapper: {
83
+ display: 'flex',
84
+ flexWrap: 'nowrap',
85
+ maxWidth: 180,
86
+ overflowX: 'scroll',
87
+ '&::-webkit-scrollbar': {
88
+ display: 'none'
89
+ }
90
+ },
91
+ expand: {
92
+ transform: 'rotate(0deg)',
93
+ transition: theme.transitions.create('transform', {
94
+ duration: theme.transitions.duration.shortest
95
+ })
96
+ },
97
+ expandOpen: {
98
+ transform: 'rotate(180deg)'
99
+ },
100
+ flexedCollapse: {
101
+ marginBottom: theme.spacing(2)
102
+ }
103
+ });
104
+ });
105
+ exports.EntityItem = react_1.memo(function (_a) {
106
+ var avatarIcon = _a.avatarIcon, attributes = _a.attributes, attributePriorities = _a.attributePriorities, collapsible = _a.collapsible, className = _a.className, id = _a.id, menuProps = _a.menuProps, onClick = _a.onClick, relationTags = _a.relationTags, title = _a.title, tags = _a.tags, url = _a.url, style = _a.style;
107
+ var classes = useStyles({
108
+ showRelations: Boolean(relationTags === null || relationTags === void 0 ? void 0 : relationTags.length),
109
+ hasTags: Boolean(tags === null || tags === void 0 ? void 0 : tags.length)
110
+ });
111
+ var _b = react_1["default"].useState(false), expanded = _b[0], setExpand = _b[1];
112
+ var toggleExpanded = react_1.useCallback(function (event) {
113
+ event.preventDefault();
114
+ setExpand(function (state) { return !state; });
115
+ }, []);
116
+ return (react_1["default"].createElement(Link_1.Link, { className: classes.entityItemRoot + " " + (className !== null && className !== void 0 ? className : ''), href: url, onClick: onClick, style: style, underline: "none", variant: "body1" },
117
+ relationTags && (relationTags === null || relationTags === void 0 ? void 0 : relationTags.length) && (react_1["default"].createElement(Box_1.Box, { className: classes.relationTags },
118
+ react_1["default"].createElement("div", { className: classes.relationTagsWrapper }, relationTags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: "relation-" + id + "-" + tag, label: tag })); })))),
119
+ react_1["default"].createElement("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
120
+ react_1["default"].createElement("div", { className: classes.itemsWrapper },
121
+ react_1["default"].createElement(Avatar_1.Avatar, { backgroundColor: "#D5E1ED", className: classes.avatar },
122
+ react_1["default"].createElement(Icon_1.Icon, { name: avatarIcon || 'person' })),
123
+ react_1["default"].createElement("div", { className: classes.entityField },
124
+ react_1["default"].createElement(Typography_1.BodyText, { className: classes.title }, title),
125
+ Boolean(tags === null || tags === void 0 ? void 0 : tags.length) && (react_1["default"].createElement("div", { className: classes.tagsWrapper }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: id + tag, label: tag, randomColor: true })); })))),
126
+ (!collapsible || (collapsible && !expanded)) && (react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes })),
127
+ react_1["default"].createElement(EntityMenu_1.EntityMenu, { id: id, menuProps: menuProps, url: url }),
128
+ collapsible && (react_1["default"].createElement(Button_1.IconButton, { "aria-expanded": expanded, "aria-label": "show more", className: classes.expand + " " + (expanded ? classes.expandOpen : ''), onClick: toggleExpanded, size: "small" },
129
+ react_1["default"].createElement(ExpandMore_1["default"], null)))),
130
+ collapsible && (react_1["default"].createElement(core_1.Collapse, { className: classes.flexedCollapse, "in": expanded, timeout: "auto", unmountOnExit: true },
131
+ react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes, collapsible: true }))))));
132
+ });
133
+ exports.EntityItem.displayName = 'EntityItem';
134
+ //# sourceMappingURL=EntityItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EntityItem.js","sourceRoot":"","sources":["../../src/EntityItem/EntityItem.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { EntityItemProps } from './types';
3
+ export declare const EntityMenu: React.MemoExoticComponent<({ menuProps, id, url }: Partial<EntityItemProps>) => JSX.Element | null>;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.EntityMenu = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var core_1 = require("@material-ui/core");
6
+ var react_1 = tslib_1.__importStar(require("react"));
7
+ var Button_1 = require("../Button");
8
+ var Icon_1 = require("../Icon");
9
+ var Menu_1 = require("../Menu");
10
+ var useStyles = core_1.makeStyles(function (theme) {
11
+ return core_1.createStyles({
12
+ menuWrapper: {
13
+ marginLeft: 'auto'
14
+ },
15
+ menuItemText: {
16
+ paddingLeft: theme.spacing(1)
17
+ }
18
+ });
19
+ });
20
+ exports.EntityMenu = react_1.memo(function (_a) {
21
+ var _b, _c, _d, _e, _f, _g, _h, _j;
22
+ var menuProps = _a.menuProps, id = _a.id, url = _a.url;
23
+ var _k = react_1["default"].useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
24
+ var classes = useStyles();
25
+ var handleMenuClose = react_1.useCallback(function () {
26
+ setAnchorEl(null);
27
+ }, []);
28
+ var handleMenuClick = react_1.useCallback(function (event) {
29
+ event.preventDefault();
30
+ setAnchorEl(event.currentTarget);
31
+ }, [setAnchorEl]);
32
+ if (!((_b = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _b === void 0 ? void 0 : _b.length))
33
+ return null;
34
+ return (react_1["default"].createElement("div", { className: classes.menuWrapper },
35
+ react_1["default"].createElement(Button_1.IconButton, tslib_1.__assign({ "aria-controls": "long-menu", "aria-haspopup": "true", "aria-label": "more" }, menuProps, { onClick: handleMenuClick }, menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps),
36
+ react_1["default"].createElement(Icon_1.Icon, { color: (_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _c === void 0 ? void 0 : _c.color, customColor: (_e = (_d = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _d === void 0 ? void 0 : _d.customColor) !== null && _e !== void 0 ? _e : 'black', fontSize: (_f = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _f === void 0 ? void 0 : _f.fontSize, name: (_h = (_g = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : 'more_vert' })),
37
+ react_1["default"].createElement(Menu_1.Menu, { anchorEl: anchorEl, keepMounted: true, onClose: handleMenuClose, open: Boolean(anchorEl) }, (_j = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _j === void 0 ? void 0 : _j.map(function (_a, index) {
38
+ var title = _a.title, icon = _a.icon, onPerform = _a.onPerform;
39
+ return (react_1["default"].createElement(Menu_1.MenuItem, { key: "entity-menu-" + index, onClick: function () {
40
+ onPerform({ id: id, title: title, url: url });
41
+ handleMenuClose();
42
+ } },
43
+ icon && icon({ children: null }),
44
+ react_1["default"].createElement("span", { className: classes.menuItemText }, title)));
45
+ }))));
46
+ });
47
+ exports.EntityMenu.displayName = 'EntityMenu';
48
+ //# sourceMappingURL=EntityMenu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EntityMenu.js","sourceRoot":"","sources":["../../src/EntityItem/EntityMenu.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,qDAAgD;AAEhD,oCAAsC;AACtC,gCAA8B;AAC9B,gCAAwC;AAKxC,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC9B;KACF,CAAC;AAPF,CAOE,CACH,CAAA;AAEY,QAAA,UAAU,GAAG,YAAI,CAC5B,UAAC,EAAgD;;QAA9C,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,GAAG,SAAA;IACb,IAAA,KAA0B,kBAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IACxE,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAM,eAAe,GAAG,mBAAW,CAAC;QAClC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,mBAAW,CACjC,UAAC,KAAoC;QACnC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAI,QAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAA;IAE5C,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,WAAW;QACjC,iCAAC,mBAAU,sCACK,WAAW,mBACX,MAAM,gBACT,MAAM,IACb,SAAS,IACb,OAAO,EAAE,eAAe,IACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAE1B,iCAAC,WAAI,IACH,KAAK,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,KAAK,EACpC,WAAW,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,WAAW,mCAAI,OAAO,EAC3D,QAAQ,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,QAAQ,EAC1C,IAAI,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,mCAAI,WAAW,GACjD,CACS;QACb,iCAAC,WAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,UAEtB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,EAA0B,EAAE,KAAK;gBAA/B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;YAAc,OAAA,CAC9D,iCAAC,eAAQ,IACP,GAAG,EAAE,iBAAe,KAAO,EAC3B,OAAO,EAAE;oBACP,SAAS,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAA;oBAC7B,eAAe,EAAE,CAAA;gBACnB,CAAC;gBAEA,IAAI,IAAI,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACjC,2CAAM,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,KAAK,CAAQ,CAC5C,CACZ;QAX+D,CAW/D,EACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './EntityItem';
2
+ export * from './types';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ var tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./EntityItem"), exports);
5
+ tslib_1.__exportStar(require("./types"), exports);
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EntityItem/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}
@@ -0,0 +1,38 @@
1
+ /// <reference types="react" />
2
+ import { IconButtonProps } from '../Button';
3
+ import { IconName, IconProps } from '../Icon';
4
+ export declare type EntityAttribute = {
5
+ label: string;
6
+ value: string | number;
7
+ name: string;
8
+ type: 'string';
9
+ };
10
+ export declare type EntityItemProps = {
11
+ attributePriorities?: Array<string>;
12
+ attributes?: Array<EntityAttribute>;
13
+ title: string;
14
+ id: string | number;
15
+ url?: string;
16
+ tags?: Array<string>;
17
+ org?: string;
18
+ className?: string;
19
+ iconUrl?: string;
20
+ avatarIcon?: IconName;
21
+ relationTags?: Array<string>;
22
+ collapsible?: boolean;
23
+ editing?: boolean;
24
+ onClick?: (_?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
25
+ menuProps?: {
26
+ anchorProps?: IconButtonProps & IconProps;
27
+ actions?: Array<{
28
+ icon?: React.FC;
29
+ title: string;
30
+ onPerform: (_: {
31
+ id?: string | number;
32
+ title?: string;
33
+ url?: string;
34
+ }) => void;
35
+ }>;
36
+ };
37
+ style?: React.CSSProperties;
38
+ };
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/EntityItem/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FeedbackMessageProps } from './types';
3
+ declare const FeedbackMessage: React.MemoExoticComponent<({ actionIcon, feedbackMessage, onActionButtonClick, stateVariant }: FeedbackMessageProps) => JSX.Element>;
4
+ export { FeedbackMessage };
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ var _a;
3
+ exports.__esModule = true;
4
+ exports.FeedbackMessage = void 0;
5
+ var tslib_1 = require("tslib");
6
+ var core_1 = require("@material-ui/core");
7
+ var react_1 = tslib_1.__importStar(require("react"));
8
+ var Icon_1 = require("../Icon");
9
+ var IconButton_1 = require("../IconButton");
10
+ var Typography_1 = require("../Typography");
11
+ var types_1 = require("./types");
12
+ var variantIconMap = (_a = {},
13
+ _a[types_1.StateVariant.success] = 'check_circle',
14
+ _a[types_1.StateVariant.warning] = 'warning',
15
+ _a[types_1.StateVariant.error] = 'cancel',
16
+ _a[types_1.StateVariant.info] = 'info',
17
+ _a);
18
+ var useStyles = core_1.makeStyles(function (theme) {
19
+ var _a;
20
+ return ({
21
+ wrapper: function (_a) {
22
+ var _b, _c;
23
+ var stateVariant = _a.stateVariant;
24
+ return ({
25
+ display: 'flex',
26
+ flex: 1,
27
+ padding: '0.75rem',
28
+ border: "1px solid " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b[stateVariant].main),
29
+ borderRadius: '4px',
30
+ backgroundColor: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c[stateVariant]['50'],
31
+ gap: '6px',
32
+ justifyContent: 'space-between',
33
+ alignItems: 'center'
34
+ });
35
+ },
36
+ bodyText: {
37
+ color: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.text.primary
38
+ }
39
+ });
40
+ });
41
+ var FeedbackMessage = react_1.memo(function (_a) {
42
+ var _b, _c, _d;
43
+ var actionIcon = _a.actionIcon, feedbackMessage = _a.feedbackMessage, onActionButtonClick = _a.onActionButtonClick, _e = _a.stateVariant, stateVariant = _e === void 0 ? types_1.StateVariant.warning : _e;
44
+ var classes = useStyles({ stateVariant: stateVariant });
45
+ var theme = core_1.useTheme();
46
+ return (react_1["default"].createElement("div", { className: classes.wrapper },
47
+ react_1["default"].createElement(Icon_1.Icon, { customColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b[stateVariant]) === null || _c === void 0 ? void 0 : _c.main, name: variantIconMap[stateVariant] }),
48
+ react_1["default"].createElement(Typography_1.BodyText, { className: classes.bodyText }, feedbackMessage),
49
+ actionIcon && (react_1["default"].createElement(IconButton_1.IconButton, { onClick: onActionButtonClick },
50
+ react_1["default"].createElement(Icon_1.Icon, { customColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.action.active, name: actionIcon })))));
51
+ });
52
+ exports.FeedbackMessage = FeedbackMessage;
53
+ FeedbackMessage.displayName = 'FeedbackMessage';
54
+ //# sourceMappingURL=FeedbackMessage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FeedbackMessage.js","sourceRoot":"","sources":["../../src/FeedbackMessage/FeedbackMessage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAwD;AACxD,qDAAmC;AAEnC,gCAAwC;AACxC,4CAA0C;AAE1C,4CAAwC;AAExC,iCAA4D;AAE5D,IAAM,cAAc;IAClB,GAAC,oBAAY,CAAC,OAAO,IAAG,cAAc;IACtC,GAAC,oBAAY,CAAC,OAAO,IAAG,SAAS;IACjC,GAAC,oBAAY,CAAC,KAAK,IAAG,QAAQ;IAC9B,GAAC,oBAAY,CAAC,IAAI,IAAG,MAAM;OAC5B,CAAA;AAED,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAkB;;IAAK,OAAA,CAAC;QACpD,OAAO,EAAE,UAAC,EAAgD;;gBAA9C,YAAY,kBAAA;YAAuC,OAAA,CAAC;gBAC9D,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,CAAC;gBACP,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,sBAAa,KAAK,CAAC,OAAO,0CAAG,YAAY,EAAE,IAAI,CAAE;gBACzD,YAAY,EAAE,KAAK;gBACnB,eAAe,QAAE,KAAK,CAAC,OAAO,0CAAG,YAAY,EAAE,IAAI,CAAC;gBACpD,GAAG,EAAE,KAAK;gBACV,cAAc,EAAE,eAAe;gBAC/B,UAAU,EAAE,QAAQ;aACrB,CAAC,CAAA;SAAA;QACF,QAAQ,EAAE;YACR,KAAK,QAAE,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,OAAO;SACnC;KACF,CAAC,CAAA;CAAA,CAAC,CAAA;AAEH,IAAM,eAAe,GAAG,YAAI,CAC1B,UAAC,EAKsB;;QAJrB,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,mBAAmB,yBAAA,EACnB,oBAAmC,EAAnC,YAAY,mBAAG,oBAAY,CAAC,OAAO,KAAA;IAEnC,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,YAAY,cAAA,EAAE,CAAC,CAAA;IAC3C,IAAM,KAAK,GAAG,eAAQ,EAAE,CAAA;IAExB,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,OAAO;QAC7B,iCAAC,WAAI,IACH,WAAW,cAAE,KAAK,CAAC,OAAO,0CAAG,YAAY,2CAAG,IAAI,EAChD,IAAI,EAAE,cAAc,CAAC,YAAY,CAAC,GAClC;QACF,iCAAC,qBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAG,eAAe,CAAY;QAClE,UAAU,IAAI,CACb,iCAAC,uBAAU,IAAC,OAAO,EAAE,mBAAmB;YACtC,iCAAC,WAAI,IACH,WAAW,QAAE,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,MAAM,EACzC,IAAI,EAAE,UAAU,GAChB,CACS,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAIQ,0CAAe;AAFxB,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { FeedbackMessage } from './FeedbackMessage';
2
+ export { FeedbackMessageProps, StateVariant as FeedbackMessageStateVariant } from './types';
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ exports.__esModule = true;
10
+ exports.FeedbackMessageStateVariant = exports.FeedbackMessage = void 0;
11
+ var FeedbackMessage_1 = require("./FeedbackMessage");
12
+ __createBinding(exports, FeedbackMessage_1, "FeedbackMessage");
13
+ var types_1 = require("./types");
14
+ __createBinding(exports, types_1, "StateVariant", "FeedbackMessageStateVariant");
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FeedbackMessage/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,qDAAmD;AAA1C,+DAAe;AACxB,iCAGgB;AADd,iFAA2C"}
@@ -0,0 +1,13 @@
1
+ import { IconName } from '../Icon/types';
2
+ export declare enum StateVariant {
3
+ success = "success",
4
+ warning = "warning",
5
+ error = "error",
6
+ info = "info"
7
+ }
8
+ export interface FeedbackMessageProps {
9
+ actionIcon?: IconName;
10
+ feedbackMessage: string;
11
+ onActionButtonClick?: () => void;
12
+ stateVariant: StateVariant;
13
+ }
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.StateVariant = void 0;
4
+ var StateVariant;
5
+ (function (StateVariant) {
6
+ StateVariant["success"] = "success";
7
+ StateVariant["warning"] = "warning";
8
+ StateVariant["error"] = "error";
9
+ StateVariant["info"] = "info";
10
+ })(StateVariant = exports.StateVariant || (exports.StateVariant = {}));
11
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/FeedbackMessage/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;IACf,6BAAa,CAAA;AACf,CAAC,EALW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAKvB"}