@epilot/base-elements 3.1.0 → 3.1.1

package/dist/FeedbackMessage/FeedbackMessage.js

@@ -0,0 +1,54 @@
+"use strict";
+var _a;
+exports.__esModule = true;
+exports.FeedbackMessage = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importStar(require("react"));
+var Icon_1 = require("../Icon");
+var IconButton_1 = require("../IconButton");
+var Typography_1 = require("../Typography");
+var types_1 = require("./types");
+var variantIconMap = (_a = {},
+    _a[types_1.StateVariant.success] = 'check_circle',
+    _a[types_1.StateVariant.warning] = 'warning',
+    _a[types_1.StateVariant.error] = 'cancel',
+    _a[types_1.StateVariant.info] = 'info',
+    _a);
+var useStyles = core_1.makeStyles(function (theme) {
+    var _a;
+    return ({
+        wrapper: function (_a) {
+            var _b, _c;
+            var stateVariant = _a.stateVariant;
+            return ({
+                display: 'flex',
+                flex: 1,
+                padding: '0.75rem',
+                border: "1px solid " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b[stateVariant].main),
+                borderRadius: '4px',
+                backgroundColor: (_c = theme.palette) === null || _c === void 0 ? void 0 : _c[stateVariant]['50'],
+                gap: '6px',
+                justifyContent: 'space-between',
+                alignItems: 'center'
+            });
+        },
+        bodyText: {
+            color: (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.text.primary
+        }
+    });
+});
+var FeedbackMessage = react_1.memo(function (_a) {
+    var _b, _c, _d;
+    var actionIcon = _a.actionIcon, feedbackMessage = _a.feedbackMessage, onActionButtonClick = _a.onActionButtonClick, _e = _a.stateVariant, stateVariant = _e === void 0 ? types_1.StateVariant.warning : _e;
+    var classes = useStyles({ stateVariant: stateVariant });
+    var theme = core_1.useTheme();
+    return (react_1["default"].createElement("div", { className: classes.wrapper },
+        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] }),
+        react_1["default"].createElement(Typography_1.BodyText, { className: classes.bodyText }, feedbackMessage),
+        actionIcon && (react_1["default"].createElement(IconButton_1.IconButton, { onClick: onActionButtonClick },
+            react_1["default"].createElement(Icon_1.Icon, { customColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.action.active, name: actionIcon })))));
+});
+exports.FeedbackMessage = FeedbackMessage;
+FeedbackMessage.displayName = 'FeedbackMessage';
+//# sourceMappingURL=FeedbackMessage.js.map

package/dist/FeedbackMessage/FeedbackMessage.js.map

@@ -0,0 +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"}

package/dist/FeedbackMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { FeedbackMessage } from './FeedbackMessage';
+export { FeedbackMessageProps, StateVariant as FeedbackMessageStateVariant } from './types';

package/dist/FeedbackMessage/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.FeedbackMessageStateVariant = exports.FeedbackMessage = void 0;
+var FeedbackMessage_1 = require("./FeedbackMessage");
+__createBinding(exports, FeedbackMessage_1, "FeedbackMessage");
+var types_1 = require("./types");
+__createBinding(exports, types_1, "StateVariant", "FeedbackMessageStateVariant");
+//# sourceMappingURL=index.js.map

package/dist/FeedbackMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FeedbackMessage/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,qDAAmD;AAA1C,+DAAe;AACxB,iCAGgB;AADd,iFAA2C"}

package/dist/FeedbackMessage/types.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from '../Icon/types';
+export declare enum StateVariant {
+    success = "success",
+    warning = "warning",
+    error = "error",
+    info = "info"
+}
+export interface FeedbackMessageProps {
+    actionIcon?: IconName;
+    feedbackMessage: string;
+    onActionButtonClick?: () => void;
+    stateVariant: StateVariant;
+}

package/dist/FeedbackMessage/types.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.StateVariant = void 0;
+var StateVariant;
+(function (StateVariant) {
+    StateVariant["success"] = "success";
+    StateVariant["warning"] = "warning";
+    StateVariant["error"] = "error";
+    StateVariant["info"] = "info";
+})(StateVariant = exports.StateVariant || (exports.StateVariant = {}));
+//# sourceMappingURL=types.js.map

package/dist/FeedbackMessage/types.js.map

@@ -0,0 +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"}