@solidxai/core-ui 0.1.4 → 0.1.5-beta.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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+
|
|
1
|
+
{"version":3,"file":"SolidAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAgMtB,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Message } from "primereact/message";
|
|
3
2
|
import { env } from "../../adapters/env";
|
|
4
3
|
import SolidLogo from '../../resources/images/SolidXLogo.svg';
|
|
5
4
|
export var SolidAdmin = function () {
|
|
6
5
|
var redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
|
|
7
6
|
var hasRedirect = Boolean(redirectUrl);
|
|
8
|
-
return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n .solid-welcome {\n min-height: 100vh;\n background: #FFF;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'DM Sans', sans-serif;\n padding: 2rem;\n }\n\n .welcome-card {\n text-align: center;\n max-width: 560px;\n width: 100%;\n }\n\n\n .logo-wrap {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: #1A1A1A;\n border-radius: 14px;\n margin-bottom: 2rem;\n }\n\n .logo-letter {\n font-family: 'Lora', serif;\n font-weight: 500;\n font-size: 1.5rem;\n color: #FAFAF8;\n letter-spacing: -0.02em;\n }\n\n .welcome-eyebrow {\n font-size: 0.72rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #A0A096;\n margin-bottom: 0.85rem;\n }\n\n .welcome-title {\n font-family: 'Lora', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #1A1A1A;\n line-height: 1.2;\n margin-bottom: 1.25rem;\n letter-spacing: -0.02em;\n }\n\n .welcome-title em {\n font-style: italic;\n color: #555550;\n }\n\n .divider {\n width: 36px;\n height: 1.5px;\n background: #D4D4CC;\n margin: 0 auto 1.25rem;\n }\n\n .welcome-desc {\n font-size: 0.975rem;\n font-weight: 300;\n color: #6E6E66;\n line-height: 1.75;\n margin-bottom: 2.25rem;\n }\n\n .features-row {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .feature-pill {\n font-size: 0.78rem;\n font-weight: 400;\n color: #7A7A72;\n background: #F0F0EC;\n border: 1px solid #E4E4DF;\n border-radius: 100px;\n padding: 0.35rem 0.9rem;\n letter-spacing: 0.01em;\n transition: background 0.2s, color 0.2s;\n cursor: default;\n }\n\n .feature-pill:hover {\n background: #E8E8E3;\n color: #3A3A35;\n }\n\n .hint {\n margin-top: 2.5rem;\n font-size: 0.78rem;\n color: #B0B0A8;\n font-weight: 300;\n }\n\n .hint span {\n display: inline-block;\n background: #EDEDE9;\n border: 1px solid #E0E0DB;\n border-radius: 5px;\n padding: 0.1rem 0.45rem;\n font-size: 0.72rem;\n color: #8A8A82;\n font-family: monospace;\n vertical-align: middle;\n }\n " }),
|
|
7
|
+
return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n .solid-welcome {\n min-height: 100vh;\n background: #FFF;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'DM Sans', sans-serif;\n padding: 2rem;\n }\n\n .welcome-card {\n text-align: center;\n max-width: 560px;\n width: 100%;\n }\n\n\n .logo-wrap {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: #1A1A1A;\n border-radius: 14px;\n margin-bottom: 2rem;\n }\n\n .logo-letter {\n font-family: 'Lora', serif;\n font-weight: 500;\n font-size: 1.5rem;\n color: #FAFAF8;\n letter-spacing: -0.02em;\n }\n\n .welcome-eyebrow {\n font-size: 0.72rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #A0A096;\n margin-bottom: 0.85rem;\n }\n\n .welcome-title {\n font-family: 'Lora', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #1A1A1A;\n line-height: 1.2;\n margin-bottom: 1.25rem;\n letter-spacing: -0.02em;\n }\n\n .welcome-title em {\n font-style: italic;\n color: #555550;\n }\n\n .divider {\n width: 36px;\n height: 1.5px;\n background: #D4D4CC;\n margin: 0 auto 1.25rem;\n }\n\n .welcome-desc {\n font-size: 0.975rem;\n font-weight: 300;\n color: #6E6E66;\n line-height: 1.75;\n margin-bottom: 2.25rem;\n }\n\n .features-row {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .feature-pill {\n font-size: 0.78rem;\n font-weight: 400;\n color: #7A7A72;\n background: #F0F0EC;\n border: 1px solid #E4E4DF;\n border-radius: 100px;\n padding: 0.35rem 0.9rem;\n letter-spacing: 0.01em;\n transition: background 0.2s, color 0.2s;\n cursor: default;\n }\n\n .feature-pill:hover {\n background: #E8E8E3;\n color: #3A3A35;\n }\n\n .hint {\n margin-top: 2.5rem;\n font-size: 0.78rem;\n color: #B0B0A8;\n font-weight: 300;\n }\n\n .hint span {\n display: inline-block;\n background: #EDEDE9;\n border: 1px solid #E0E0DB;\n border-radius: 5px;\n padding: 0.1rem 0.45rem;\n font-size: 0.72rem;\n color: #8A8A82;\n font-family: monospace;\n vertical-align: middle;\n }\n " }), _jsx("div", { className: "solid-welcome", children: _jsxs("div", { className: "welcome-card", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-5 w-6rem flex-shrink-0" }), _jsx("p", { className: "welcome-eyebrow", children: "Admin Console" }), _jsxs("h1", { className: "welcome-title", children: ["Welcome to ", _jsx("em", { children: "SolidX" })] }), _jsx("div", { className: "divider" }), _jsx("p", { className: "welcome-desc", children: "Manage your modules, models, views, and permissions from one place. Use the navigation on the left to explore and configure your application." }), _jsx("div", { className: "features-row", children: ["Modules", "Models", "Views", "Permissions", "Settings"].map(function (label) { return (_jsx("span", { className: "feature-pill", children: label }, label)); }) }), _jsxs("p", { className: "hint", children: ["Get started by selecting a section from the ", _jsx("span", { children: "left nav" })] })] }) })] }));
|
|
9
8
|
};
|
|
10
9
|
//# sourceMappingURL=SolidAdmin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SolidAdmin.js","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SolidAdmin.js","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAE7D,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAM,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAC1D,IAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CACL,8BACE,0BAAQ,qgGAyHP,GAAS,EA0BV,cAAK,SAAS,EAAC,eAAe,YAE5B,eAAK,SAAS,EAAC,cAAc,aAE3B,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,GACrC,EAEF,YAAG,SAAS,EAAC,iBAAiB,8BAAkB,EAEhD,cAAI,SAAS,EAAC,eAAe,4BAChB,kCAAe,IACvB,EAEL,cAAK,SAAS,EAAC,SAAS,GAAG,EAE3B,YAAG,SAAS,EAAC,cAAc,8JAIvB,EAEJ,cAAK,SAAS,EAAC,cAAc,YAC1B,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACxE,eAAkB,SAAS,EAAC,cAAc,YAAE,KAAK,IAAtC,KAAK,CAAyC,CAC1D,EAFyE,CAEzE,CAAC,GACE,EAEN,aAAG,SAAS,EAAC,MAAM,6DAC2B,sCAAqB,IAC/D,IAEA,GAEF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Message } from \"primereact/message\";\nimport { env } from \"../../adapters/env\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\n\nexport const SolidAdmin = () => {\n const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\");\n const hasRedirect = Boolean(redirectUrl);\n\n return (\n <>\n <style>{`\n @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n .solid-welcome {\n min-height: 100vh;\n background: #FFF;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'DM Sans', sans-serif;\n padding: 2rem;\n }\n\n .welcome-card {\n text-align: center;\n max-width: 560px;\n width: 100%;\n }\n\n\n .logo-wrap {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: #1A1A1A;\n border-radius: 14px;\n margin-bottom: 2rem;\n }\n\n .logo-letter {\n font-family: 'Lora', serif;\n font-weight: 500;\n font-size: 1.5rem;\n color: #FAFAF8;\n letter-spacing: -0.02em;\n }\n\n .welcome-eyebrow {\n font-size: 0.72rem;\n font-weight: 500;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #A0A096;\n margin-bottom: 0.85rem;\n }\n\n .welcome-title {\n font-family: 'Lora', serif;\n font-size: 2.4rem;\n font-weight: 400;\n color: #1A1A1A;\n line-height: 1.2;\n margin-bottom: 1.25rem;\n letter-spacing: -0.02em;\n }\n\n .welcome-title em {\n font-style: italic;\n color: #555550;\n }\n\n .divider {\n width: 36px;\n height: 1.5px;\n background: #D4D4CC;\n margin: 0 auto 1.25rem;\n }\n\n .welcome-desc {\n font-size: 0.975rem;\n font-weight: 300;\n color: #6E6E66;\n line-height: 1.75;\n margin-bottom: 2.25rem;\n }\n\n .features-row {\n display: flex;\n justify-content: center;\n gap: 1rem;\n flex-wrap: wrap;\n }\n\n .feature-pill {\n font-size: 0.78rem;\n font-weight: 400;\n color: #7A7A72;\n background: #F0F0EC;\n border: 1px solid #E4E4DF;\n border-radius: 100px;\n padding: 0.35rem 0.9rem;\n letter-spacing: 0.01em;\n transition: background 0.2s, color 0.2s;\n cursor: default;\n }\n\n .feature-pill:hover {\n background: #E8E8E3;\n color: #3A3A35;\n }\n\n .hint {\n margin-top: 2.5rem;\n font-size: 0.78rem;\n color: #B0B0A8;\n font-weight: 300;\n }\n\n .hint span {\n display: inline-block;\n background: #EDEDE9;\n border: 1px solid #E0E0DB;\n border-radius: 5px;\n padding: 0.1rem 0.45rem;\n font-size: 0.72rem;\n color: #8A8A82;\n font-family: monospace;\n vertical-align: middle;\n }\n `}</style>\n\n {/* <div className=\"flex flex-column align-items-center justify-content-center min-h-screen bg-white\">\n {!hasRedirect && (\n <div className=\"mb-3\">\n <Message\n severity=\"warn\"\n text=\"Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL.\"\n />\n </div>\n )}\n {hasRedirect && (\n <>\n <img\n alt=\"solid logo\"\n src={SolidLogo}\n className=\"mb-5 w-6rem flex-shrink-0\"\n />\n <h1 className=\"mt-0 mb-3\">Welcome to SolidX</h1>\n <p className=\"text-600 line-height-3 mt-0 mb-5 text-xl w-5 text-center\">\n SolidX is the admin console for managing modules, models, views, and permissions. Use the\n left navigation to explore modules, configure settings, and build your app.\n </p>\n </>\n )}\n </div> */}\n <div className=\"solid-welcome\">\n\n <div className=\"welcome-card\">\n\n <img\n alt=\"solid logo\"\n src={SolidLogo}\n className=\"mb-5 w-6rem flex-shrink-0\"\n />\n\n <p className=\"welcome-eyebrow\">Admin Console</p>\n\n <h1 className=\"welcome-title\">\n Welcome to <em>SolidX</em>\n </h1>\n\n <div className=\"divider\" />\n\n <p className=\"welcome-desc\">\n Manage your modules, models, views, and permissions\n from one place. Use the navigation on the left to\n explore and configure your application.\n </p>\n\n <div className=\"features-row\">\n {[\"Modules\", \"Models\", \"Views\", \"Permissions\", \"Settings\"].map((label) => (\n <span key={label} className=\"feature-pill\">{label}</span>\n ))}\n </div>\n\n <p className=\"hint\">\n Get started by selecting a section from the <span>left nav</span>\n </p>\n\n </div>\n\n </div>\n </>\n );\n};\n"]}
|
|
@@ -156,49 +156,41 @@ export const SolidAdmin = () => {
|
|
|
156
156
|
)}
|
|
157
157
|
</div> */}
|
|
158
158
|
<div className="solid-welcome">
|
|
159
|
-
{!hasRedirect && (
|
|
160
|
-
<div className="mb-3">
|
|
161
|
-
<Message
|
|
162
|
-
severity="warn"
|
|
163
|
-
text="Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL."
|
|
164
|
-
/>
|
|
165
|
-
</div>
|
|
166
|
-
)}
|
|
167
|
-
{hasRedirect && (
|
|
168
|
-
<div className="welcome-card">
|
|
169
159
|
|
|
170
|
-
|
|
171
|
-
alt="solid logo"
|
|
172
|
-
src={SolidLogo}
|
|
173
|
-
className="mb-5 w-6rem flex-shrink-0"
|
|
174
|
-
/>
|
|
160
|
+
<div className="welcome-card">
|
|
175
161
|
|
|
176
|
-
|
|
162
|
+
<img
|
|
163
|
+
alt="solid logo"
|
|
164
|
+
src={SolidLogo}
|
|
165
|
+
className="mb-5 w-6rem flex-shrink-0"
|
|
166
|
+
/>
|
|
177
167
|
|
|
178
|
-
|
|
179
|
-
Welcome to <em>SolidX</em>
|
|
180
|
-
</h1>
|
|
168
|
+
<p className="welcome-eyebrow">Admin Console</p>
|
|
181
169
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
Manage your modules, models, views, and permissions
|
|
186
|
-
from one place. Use the navigation on the left to
|
|
187
|
-
explore and configure your application.
|
|
188
|
-
</p>
|
|
170
|
+
<h1 className="welcome-title">
|
|
171
|
+
Welcome to <em>SolidX</em>
|
|
172
|
+
</h1>
|
|
189
173
|
|
|
190
|
-
|
|
191
|
-
{["Modules", "Models", "Views", "Permissions", "Settings"].map((label) => (
|
|
192
|
-
<span key={label} className="feature-pill">{label}</span>
|
|
193
|
-
))}
|
|
194
|
-
</div>
|
|
174
|
+
<div className="divider" />
|
|
195
175
|
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
176
|
+
<p className="welcome-desc">
|
|
177
|
+
Manage your modules, models, views, and permissions
|
|
178
|
+
from one place. Use the navigation on the left to
|
|
179
|
+
explore and configure your application.
|
|
180
|
+
</p>
|
|
199
181
|
|
|
182
|
+
<div className="features-row">
|
|
183
|
+
{["Modules", "Models", "Views", "Permissions", "Settings"].map((label) => (
|
|
184
|
+
<span key={label} className="feature-pill">{label}</span>
|
|
185
|
+
))}
|
|
200
186
|
</div>
|
|
201
|
-
|
|
187
|
+
|
|
188
|
+
<p className="hint">
|
|
189
|
+
Get started by selecting a section from the <span>left nav</span>
|
|
190
|
+
</p>
|
|
191
|
+
|
|
192
|
+
</div>
|
|
193
|
+
|
|
202
194
|
</div>
|
|
203
195
|
</>
|
|
204
196
|
);
|