@solidstarters/solid-core-ui 1.1.71 → 1.1.73

package/dist/resources/globals.css

@@ -3112,7 +3112,84 @@ flex-shrink: 0; */
 }
 
 .solid-global-search-element input {
-
   min-width: 300px;
+}
+
+.solid-empty-listview-placeholder-container {
+  border-top: 1px solid var(--primary-light-color) !important;
+  height: calc(100vh - 54px);
+  background-color: var(--solid-list-view-placeholder);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+}
+
+.solid-list-skeleton-wrapper {
+  height: calc(100vh - 60px);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.solid-list-skeleton-col-1 {
+  width: 50px;
+}
+
+.solid-list-skeleton-col-2 {
+  width: 120px;
+}
+
+.solid-list-skeleton-col-8 {
+  width: 50px;
+}
+
+.solid-list-skeleton-col-3,
+.solid-list-skeleton-col-4,
+.solid-list-skeleton-col-5,
+.solid-list-skeleton-col-6 {
+  width: auto;
+}
+
+.solid-list-skeleton-header th {
+  border-top: 1px solid #CED0D6;
+  border-bottom: 1px solid #CED0D6;
+  text-align: left;
+  padding: 8px 15px;
+  height: 45px;
+  position: relative;
+}
+
+.solid-list-skeleton-header th::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  height: 60%;
+  width: 0.0625rem;
+  background-color: #D8E2EA
+}
+
+.solid-list-skeleton-row td {
+  border-bottom: 1px solid rgba(216, 226, 234, 0.40);
+  padding: 8px 15px;
+  height: 45px;
+  vertical-align: middle;
+}
 
+.solid-list-skeleton-row td .p-skeleton {
+  height: 1rem;
+  /* Set skeleton height to 0.75rem */
+}
+
+.solid-list-skeleton-footer {
+  border-top: 1px solid rgba(216, 226, 234, 0.40);
+  padding: 20px;
+}
+
+.solid-sidebar-menuitems-wrapper {
+  height: calc(100vh - 64px);
+  overflow-y: auto;
 }

package/dist/resources/solid-primereact.css

@@ -1312,7 +1312,7 @@
     }
 
     .p-datatable .p-paginator-bottom {
-        border-width: 1px 0 1px 0;
+        border-width: 1px 0 0 0;
         border-radius: 0;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.1.71",
+  "version": "1.1.73",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc && tsc-alias",

package/src/components/auth/AuthLayout.tsx

@@ -44,16 +44,16 @@ export const AuthLayout = ({ children }: { children: React.ReactNode }) => {
         // Fetch settings if not already available
         trigger("");
 
-        const iamAllowPublicRegistration = solidSettingsData?.data?.iamAllowPublicRegistration;
+        const allowPublicRegistration = solidSettingsData?.data?.allowPublicRegistration;
 
-        if (iamAllowPublicRegistration === false) {
+        if (allowPublicRegistration === false) {
             setAllowRegistration(false);
             if (pathname === "/auth/register") {
                 setIsRestricted(true);
             } else {
                 setIsRestricted(false);
             }
-        } else if (iamAllowPublicRegistration === true) {
+        } else if (allowPublicRegistration === true) {
             setAllowRegistration(true);
             setIsRestricted(false);
         }

package/src/components/auth/SolidLogin.tsx

@@ -23,7 +23,7 @@ import Image from "next/image";
 import SolidLogo from '../../resources/images/SS-Logo.png'
 interface AuthTabsProps {
     iamPasswordRegistrationEnabled: boolean;
-    iamPasswordLessRegistrationEnabled: boolean;
+    passwordlessRegistration: boolean;
 }
 const SolidLogin = () => {
     const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
@@ -210,8 +210,8 @@ const SolidLogin = () => {
         )
     }
 
-    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, iamPasswordLessRegistrationEnabled }) => {
-        if (iamPasswordRegistrationEnabled && iamPasswordLessRegistrationEnabled) {
+    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, passwordlessRegistration }) => {
+        if (iamPasswordRegistrationEnabled && passwordlessRegistration) {
             return (
                 <TabView className="solid-auth-tabview">
                     <TabPanel header="With Password">
@@ -224,7 +224,7 @@ const SolidLogin = () => {
             );
         } else if (iamPasswordRegistrationEnabled) {
             return <PasswordLogin />;
-        } else if (iamPasswordLessRegistrationEnabled) {
+        } else if (passwordlessRegistration) {
             return <PasswordLessLogin />;
         } else {
             return <p>No authentication method available</p>;
@@ -251,7 +251,7 @@ const SolidLogin = () => {
                 <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-4' : 'text-left'}`}>Sign In To Your Account</h2>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
 
-                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} iamPasswordLessRegistrationEnabled={solidSettingsData?.data?.iamPasswordLessRegistrationEnabled} />
+                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} passwordlessRegistration={solidSettingsData?.data?.passwordlessRegistration} />
                 {solidSettingsData?.data?.iamGoogleOAuthEnabled &&
                     <>
                         <Divider align="center">
@@ -263,7 +263,7 @@ const SolidLogin = () => {
                     </>
                 }
             </div>
-            {solidSettingsData?.data?.iamAllowPublicRegistration && <div className=" mt-5">
+            {solidSettingsData?.data?.allowPublicRegistration && <div className=" mt-5">
                 <div className="text-sm text-center text-400 secondary-dark-color">
                     Don’t have an account ? <Link className="font-bold" href="/auth/register">Sign Up</Link>
                 </div>

package/src/components/auth/SolidRegister.tsx

@@ -23,7 +23,7 @@ import SolidLogo from '../../resources/images/SS-Logo.png'
 
 interface AuthTabsProps {
     iamPasswordRegistrationEnabled: boolean;
-    iamPasswordLessRegistrationEnabled: boolean;
+    passwordlessRegistration: boolean;
 }
 
 const SolidRegister = () => {
@@ -285,8 +285,8 @@ const SolidRegister = () => {
         )
     }
 
-    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, iamPasswordLessRegistrationEnabled }) => {
-        if (iamPasswordRegistrationEnabled && iamPasswordLessRegistrationEnabled) {
+    const AuthTabs: React.FC<AuthTabsProps> = ({ iamPasswordRegistrationEnabled, passwordlessRegistration }) => {
+        if (iamPasswordRegistrationEnabled && passwordlessRegistration) {
             return (
                 <TabView className="solid-auth-tabview">
                     <TabPanel header="With Password">
@@ -299,7 +299,7 @@ const SolidRegister = () => {
             );
         } else if (iamPasswordRegistrationEnabled) {
             return <PasswordSignup />;
-        } else if (iamPasswordLessRegistrationEnabled) {
+        } else if (passwordlessRegistration) {
             return <PasswordLessSignup />;
         } else {
             return <p>No authentication method available</p>;
@@ -324,7 +324,7 @@ const SolidRegister = () => {
                 }
                 <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center mt-4' : 'text-left'}`}>Sign Up</h2>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
-                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} iamPasswordLessRegistrationEnabled={solidSettingsData?.data?.iamPasswordLessRegistrationEnabled} />
+                <AuthTabs iamPasswordRegistrationEnabled={solidSettingsData?.data?.iamPasswordRegistrationEnabled} passwordlessRegistration={solidSettingsData?.data?.passwordlessRegistration} />
                 {solidSettingsData?.data?.iamGoogleOAuthEnabled &&
                     <>
                         <Divider align="center">