@temboplus/frontend-react-core 0.1.3-beta.33 → 0.1.3-beta.35
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.
|
@@ -8,7 +8,7 @@ import { useNewTemboTheme } from '../../theme/theme-provider.js';
|
|
|
8
8
|
* Toast container with Tembo styling
|
|
9
9
|
*/
|
|
10
10
|
const TemboToastContainer = (_a) => {
|
|
11
|
-
var { showCloseButton = false, showProgressBar =
|
|
11
|
+
var { showCloseButton = false, showProgressBar = true } = _a, rest = __rest(_a, ["showCloseButton", "showProgressBar"]);
|
|
12
12
|
const { colors, constants } = useNewTemboTheme();
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
TemboNotify.init(colors, constants);
|
|
@@ -18,7 +18,8 @@ const TemboToastContainer = (_a) => {
|
|
|
18
18
|
font-family: ${constants.typography.fontFamily};
|
|
19
19
|
line-height: 1.5;
|
|
20
20
|
display: flex;
|
|
21
|
-
align-items: center;
|
|
21
|
+
align-items: center;
|
|
22
|
+
overflow: hidden;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.Toastify__toast-body {
|
|
@@ -33,11 +34,17 @@ const TemboToastContainer = (_a) => {
|
|
|
33
34
|
display: flex;
|
|
34
35
|
align-items: center;
|
|
35
36
|
justify-content: center;
|
|
36
|
-
margin-inline-end: 6px;
|
|
37
|
+
margin-inline-end: 6px;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
.Toastify__progress-bar {
|
|
40
|
-
|
|
41
|
+
height: 4px;
|
|
42
|
+
background: #000000 !important;
|
|
43
|
+
border-radius: 0 0 10px 10px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.Toastify__progress-bar--bg {
|
|
47
|
+
background: #000000 !important;
|
|
41
48
|
}
|
|
42
49
|
|
|
43
50
|
.Toastify__close-button {
|
|
@@ -49,11 +56,6 @@ const TemboToastContainer = (_a) => {
|
|
|
49
56
|
opacity: 1;
|
|
50
57
|
}
|
|
51
58
|
|
|
52
|
-
/* Force progress bar hidden in case someone enables it unintentionally */
|
|
53
|
-
.Toastify__progress-bar {
|
|
54
|
-
display: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
59
|
/* Smooth entrance animation */
|
|
58
60
|
@keyframes toastSlideIn {
|
|
59
61
|
from {
|
|
@@ -83,6 +85,10 @@ const TemboToastContainer = (_a) => {
|
|
|
83
85
|
margin-bottom: 0;
|
|
84
86
|
border-radius: 0;
|
|
85
87
|
}
|
|
88
|
+
|
|
89
|
+
.Toastify__progress-bar {
|
|
90
|
+
border-radius: 0;
|
|
91
|
+
}
|
|
86
92
|
}
|
|
87
93
|
` })] }));
|
|
88
94
|
};
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var n=require("./theme-provider-XqWasApp.js"),
|
|
1
|
+
"use strict";var n=require("./theme-provider-XqWasApp.js"),t=require("@ebay/nice-modal-react"),e=require("tslib"),r=require("react"),o=require("react-toastify"),s=require("./tembo-notify-C2pwp3tl.js");function i(n){return n&&n.__esModule?n:{default:n}}require("antd"),require("./InfoCircleOutlined-DR9DmuN-.js"),require("./CloseCircleOutlined-CMilRURi.js");var a=i(t);const d=t=>n.jsxRuntimeExports.jsx(a.default.Provider,{children:t.children}),l=t=>{var{showCloseButton:i=!1,showProgressBar:a=!0}=t,d=e.__rest(t,["showCloseButton","showProgressBar"]);const{colors:l,constants:m}=n.useNewTemboTheme();return r.useEffect(()=>{s.TemboNotify.init(l,m)},[l,m]),n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(o.ToastContainer,Object.assign({closeButton:i,hideProgressBar:!a},d)),n.jsxRuntimeExports.jsx("style",{children:`\n .Toastify__toast {\n font-family: ${m.typography.fontFamily};\n line-height: 1.5;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .Toastify__toast-body {\n padding: 0;\n margin: 0;\n display: flex;\n align-items: flex-start;\n }\n\n .Toastify__toast-icon {\n width: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-inline-end: 6px;\n }\n\n .Toastify__progress-bar {\n height: 4px;\n background: #000000 !important;\n border-radius: 0 0 10px 10px;\n }\n\n .Toastify__progress-bar--bg {\n background: #000000 !important;\n }\n\n .Toastify__close-button {\n opacity: 0.5;\n transition: opacity 0.2s ease;\n }\n\n .Toastify__close-button:hover {\n opacity: 1;\n }\n\n /* Smooth entrance animation */\n @keyframes toastSlideIn {\n from {\n transform: translateX(110%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n .Toastify__toast--top-right {\n animation: toastSlideIn 0.3s ease-out;\n }\n\n /* Optional: full-width mobile behaviour */\n @media (max-width: 480px) {\n .Toastify__toast-container--top-right {\n right: 0;\n left: 0;\n padding: 0;\n width: 100vw;\n }\n\n .Toastify__toast {\n margin-bottom: 0;\n border-radius: 0;\n }\n \n .Toastify__progress-bar {\n border-radius: 0;\n }\n }\n `})]})};exports.TemboUIProviders=({children:t,mode:e,antdThemeOverrides:r})=>n.jsxRuntimeExports.jsx(n.TemboThemeProvider,{mode:e,antdThemeOverrides:r,children:n.jsxRuntimeExports.jsxs(d,{children:[t,n.jsxRuntimeExports.jsx(l,{})]})});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../src/features/dialogs/modal-provider.tsx","../src/features/notifications/toast-container.tsx","../src/providers.tsx"],"sourcesContent":[null,null,null],"names":["TemboModalProvider","props","_jsx","NiceModal","Provider","children","TemboToastContainer","_a","showCloseButton","showProgressBar","rest","__rest","colors","constants","useNewTemboTheme","useEffect","TemboNotify","init","_jsxs","_Fragment","ToastContainer","Object","assign","closeButton","hideProgressBar","typography","fontFamily","mode","antdThemeOverrides","TemboThemeProvider"],"mappings":"gXAGA,MAAMA,EAAmDC,GAC9CC,EAAAA,kBAAAA,IAACC,EAAAA,QAAUC,mBAAUH,EAAMI,WCsBhCC,EAA2DC,IAAA,IAAAC,gBAC7DA,GAAkB,EAAKC,gBACvBA,GAAkB,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../src/features/dialogs/modal-provider.tsx","../src/features/notifications/toast-container.tsx","../src/providers.tsx"],"sourcesContent":[null,null,null],"names":["TemboModalProvider","props","_jsx","NiceModal","Provider","children","TemboToastContainer","_a","showCloseButton","showProgressBar","rest","__rest","colors","constants","useNewTemboTheme","useEffect","TemboNotify","init","_jsxs","_Fragment","ToastContainer","Object","assign","closeButton","hideProgressBar","typography","fontFamily","mode","antdThemeOverrides","TemboThemeProvider"],"mappings":"gXAGA,MAAMA,EAAmDC,GAC9CC,EAAAA,kBAAAA,IAACC,EAAAA,QAAUC,mBAAUH,EAAMI,WCsBhCC,EAA2DC,IAAA,IAAAC,gBAC7DA,GAAkB,EAAKC,gBACvBA,GAAkB,GAAIF,EACnBG,EAAIC,EAAAA,OAAAJ,EAHsD,CAAA,kBAAA,oBAK7D,MAAMK,OAAEA,EAAMC,UAAEA,GAAcC,qBAM9B,OAJAC,EAAAA,UAAU,KACNC,cAAYC,KAAKL,EAAQC,IAC1B,CAACD,EAAQC,IAGRK,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAAAd,SAAA,CACIH,EAAAA,kBAAAA,IAACkB,EAAAA,eAAcC,OAAAC,OAAA,CACXC,YAAaf,EACbgB,iBAAkBf,GACdC,IAGRR,EAAAA,kBAAAA,IAAA,QAAA,CAAAG,SAAQ,0EAEeQ,EAAUY,WAAWC,+4ECtCW,EAC/DrB,WACAsB,OACAC,wBAGI1B,EAAAA,kBAAAA,IAAC2B,EAAAA,mBAAkB,CACfF,KAAMA,EACNC,mBAAoBA,WAEpBV,EAAAA,kBAAAA,KAAClB,EAAkB,CAAAK,SAAA,CACdA,EACDH,EAAAA,kBAAAA,IAACI,EAAmB"}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as n,u as t,T as o}from"./theme-provider-slJZwhTc.js";import
|
|
1
|
+
import{j as n,u as t,T as o}from"./theme-provider-slJZwhTc.js";import i from"@ebay/nice-modal-react";import{__rest as r}from"tslib";import{useEffect as e}from"react";import{ToastContainer as s}from"react-toastify";import{T as a}from"./tembo-notify-vrLE3jqe.js";import"antd";import"./InfoCircleOutlined-Hx86sClq.js";import"./CloseCircleOutlined-CSHx89Jn.js";const d=t=>n.jsx(i.Provider,{children:t.children}),l=o=>{var{showCloseButton:i=!1,showProgressBar:d=!0}=o,l=r(o,["showCloseButton","showProgressBar"]);const{colors:m,constants:p}=t();return e(()=>{a.init(m,p)},[m,p]),n.jsxs(n.Fragment,{children:[n.jsx(s,Object.assign({closeButton:i,hideProgressBar:!d},l)),n.jsx("style",{children:`\n .Toastify__toast {\n font-family: ${p.typography.fontFamily};\n line-height: 1.5;\n display: flex;\n align-items: center;\n overflow: hidden;\n }\n\n .Toastify__toast-body {\n padding: 0;\n margin: 0;\n display: flex;\n align-items: flex-start;\n }\n\n .Toastify__toast-icon {\n width: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-inline-end: 6px;\n }\n\n .Toastify__progress-bar {\n height: 4px;\n background: #000000 !important;\n border-radius: 0 0 10px 10px;\n }\n\n .Toastify__progress-bar--bg {\n background: #000000 !important;\n }\n\n .Toastify__close-button {\n opacity: 0.5;\n transition: opacity 0.2s ease;\n }\n\n .Toastify__close-button:hover {\n opacity: 1;\n }\n\n /* Smooth entrance animation */\n @keyframes toastSlideIn {\n from {\n transform: translateX(110%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n .Toastify__toast--top-right {\n animation: toastSlideIn 0.3s ease-out;\n }\n\n /* Optional: full-width mobile behaviour */\n @media (max-width: 480px) {\n .Toastify__toast-container--top-right {\n right: 0;\n left: 0;\n padding: 0;\n width: 100vw;\n }\n\n .Toastify__toast {\n margin-bottom: 0;\n border-radius: 0;\n }\n \n .Toastify__progress-bar {\n border-radius: 0;\n }\n }\n `})]})},m=({children:t,mode:i,antdThemeOverrides:r})=>n.jsx(o,{mode:i,antdThemeOverrides:r,children:n.jsxs(d,{children:[t,n.jsx(l,{})]})});export{m as TemboUIProviders};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/features/dialogs/modal-provider.tsx","../src/features/notifications/toast-container.tsx","../src/providers.tsx"],"sourcesContent":[null,null,null],"names":["TemboModalProvider","props","_jsx","NiceModal","Provider","children","TemboToastContainer","_a","showCloseButton","showProgressBar","rest","__rest","colors","constants","useNewTemboTheme","useEffect","TemboNotify","init","_jsxs","_Fragment","ToastContainer","Object","assign","closeButton","hideProgressBar","typography","fontFamily","TemboUIProviders","mode","antdThemeOverrides","TemboThemeProvider"],"mappings":"qWAGA,MAAMA,EAAmDC,GAC9CC,EAAAA,IAACC,EAAUC,mBAAUH,EAAMI,WCsBhCC,EAA2DC,IAAA,IAAAC,gBAC7DA,GAAkB,EAAKC,gBACvBA,GAAkB,
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/features/dialogs/modal-provider.tsx","../src/features/notifications/toast-container.tsx","../src/providers.tsx"],"sourcesContent":[null,null,null],"names":["TemboModalProvider","props","_jsx","NiceModal","Provider","children","TemboToastContainer","_a","showCloseButton","showProgressBar","rest","__rest","colors","constants","useNewTemboTheme","useEffect","TemboNotify","init","_jsxs","_Fragment","ToastContainer","Object","assign","closeButton","hideProgressBar","typography","fontFamily","TemboUIProviders","mode","antdThemeOverrides","TemboThemeProvider"],"mappings":"qWAGA,MAAMA,EAAmDC,GAC9CC,EAAAA,IAACC,EAAUC,mBAAUH,EAAMI,WCsBhCC,EAA2DC,IAAA,IAAAC,gBAC7DA,GAAkB,EAAKC,gBACvBA,GAAkB,GAAIF,EACnBG,EAAIC,EAAAJ,EAHsD,CAAA,kBAAA,oBAK7D,MAAMK,OAAEA,EAAMC,UAAEA,GAAcC,IAM9B,OAJAC,EAAU,KACNC,EAAYC,KAAKL,EAAQC,IAC1B,CAACD,EAAQC,IAGRK,EAAAA,KAAAC,EAAAA,SAAA,CAAAd,SAAA,CACIH,EAAAA,IAACkB,EAAcC,OAAAC,OAAA,CACXC,YAAaf,EACbgB,iBAAkBf,GACdC,IAGRR,EAAAA,IAAA,QAAA,CAAAG,SAAQ,0EAEeQ,EAAUY,WAAWC,s3ECtC3CC,EAAsD,EAC/DtB,WACAuB,OACAC,wBAGI3B,EAAAA,IAAC4B,EAAkB,CACfF,KAAMA,EACNC,mBAAoBA,WAEpBX,EAAAA,KAAClB,EAAkB,CAAAK,SAAA,CACdA,EACDH,EAAAA,IAACI,EAAmB"}
|
package/package.json
CHANGED