@groupeactual/ui-kit 0.4.24 → 0.4.25

package/dist/esm/components/EmbbededNotification/EmbeddedNotification.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { BoxProps } from '@mui/material';
+interface Props extends BoxProps {
+    variant: 'warning' | 'error' | 'success' | 'infos';
+    title: string;
+    text?: React.ReactNode;
+}
+declare const EmbeddedNotification: ({ title, text, variant, ...props }: Props) => JSX.Element;
+export default EmbeddedNotification;

package/dist/esm/components/EmbbededNotification/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmbeddedNotification';

package/dist/esm/components/index.d.ts

@@ -7,3 +7,4 @@ export { default as Accordion } from './Accordion';
 export { default as IconProvider } from './Icon/Icon';
 export { default as Pagination } from './Pagination';
 export { default as Chip } from './Chip/Chip';
+export { default as EmbeddedNotification } from './EmbbededNotification/EmbeddedNotification';

package/dist/esm/index.js

@@ -52315,6 +52315,50 @@ var Chip = function (props) {
     return jsx(ChipMUI, __assign$1({}, props));
 };
 
+var faCircleExclamation = {
+  prefix: 'fas',
+  iconName: 'circle-exclamation',
+  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"]
+};
+var faCircleCheck = {
+  prefix: 'fas',
+  iconName: 'circle-check',
+  icon: [512, 512, [61533, "check-circle"], "f058", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"]
+};
+var faCircleInfo = {
+  prefix: 'fas',
+  iconName: 'circle-info',
+  icon: [512, 512, ["info-circle"], "f05a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]
+};
+var faCircleXmark = {
+  prefix: 'fas',
+  iconName: 'circle-xmark',
+  icon: [512, 512, [61532, "times-circle", "xmark-circle"], "f057", "M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"]
+};
+
+var EmbeddedNotification = function (_a) {
+    var title = _a.title, text = _a.text, _b = _a.variant, variant = _b === void 0 ? 'infos' : _b, props = __rest(_a, ["title", "text", "variant"]);
+    var variantNotification = {
+        warning: {
+            color: 'orangeWarning',
+            icon: faCircleExclamation
+        },
+        error: {
+            color: 'redError',
+            icon: faCircleXmark
+        },
+        success: {
+            color: 'greenSuccess',
+            icon: faCircleCheck
+        },
+        infos: {
+            color: 'blueInfo',
+            icon: faCircleInfo
+        }
+    };
+    return (jsx(Box$1, __assign$1({ border: "1px solid", borderColor: variantNotification[variant].color, mt: "4px", p: "4px", borderRadius: "5px" }, props, { children: jsxs(Box$1, __assign$1({ display: "flex", alignItems: "center", pb: "2px" }, { children: [jsx(Box$1, __assign$1({ sx: { pl: '12px', pr: '16px', display: 'flex' } }, { children: jsx(Icon, { icon: variantNotification[variant].icon, color: variantNotification[variant].color }) })), jsxs(Box$1, { children: [jsx(Box$1, { children: jsx(Text, __assign$1({ align: "left", variant: "body1Bold", color: variantNotification[variant].color, display: "inline-block" }, { children: title })) }), text && (jsx(Box$1, { children: jsx(Text, __assign$1({ align: "left", variant: "body1Regular", color: "greyDark", display: "inline-block" }, { children: text })) }))] })] })) })));
+};
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -53230,5 +53274,5 @@ var DesignSystemProvider = function (_a) {
     return (jsx(DesignSystemContext.Provider, __assign$1({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: jsx(MaterialThemeProvider, { children: children }) })));
 };
 
-export { Accordion, Button, Checkbox, Chip, DesignSystemContext, DesignSystemProvider, Icon as IconProvider, Link, Pagination, Text, TextField };
+export { Accordion, Button, Checkbox, Chip, DesignSystemContext, DesignSystemProvider, EmbeddedNotification, Icon as IconProvider, Link, Pagination, Text, TextField };
 //# sourceMappingURL=index.js.map