@pelcro/react-pelcro-js 3.13.0-beta.13 → 3.13.0-beta.14

package/dist/index.cjs.js

@@ -21060,8 +21060,8 @@ function SubscriptionManageMembersList(props) {
       return {
         title: sub.status,
         content: sub.status,
-        textColor: "plc-text-red-500",
-        bgColor: "plc-bg-red-100",
+        textColor: "plc-text-yellow-500",
+        bgColor: "plc-bg-yellow-100",
         icon: /*#__PURE__*/React__default['default'].createElement(SvgExclamation, null)
       };
     }
@@ -21117,7 +21117,8 @@ function SubscriptionManageMembersList(props) {
     key: member.id,
     className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
   }, /*#__PURE__*/React__default['default'].createElement("td", {
-    className: "plc-truncate"
+    className: "plc-truncate plc-text-left",
+    title: member === null || member === void 0 ? void 0 : member.invitation_email
   }, /*#__PURE__*/React__default['default'].createElement("span", {
     className: "plc-font-semibold plc-text-gray-500"
   }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default['default'].createElement("td", {
@@ -21171,8 +21172,10 @@ function SubscriptionManageMembersView(props) {
     className: "plc-flex-shrink-0 plc-p-2 plc-text-xs plc-text-gray-400 plc-uppercase"
   }, t("labels.listOfMembers")), /*#__PURE__*/React__default['default'].createElement("hr", {
     className: "plc-w-full plc-border-gray-300"
-  })), /*#__PURE__*/React__default['default'].createElement("table", {
-    className: "plc-w-full plc-table-fixed plc-text-center"
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-max-h-48 plc-overflow-x-hidden plc-overflow-y-auto"
+  }, /*#__PURE__*/React__default['default'].createElement("table", {
+    className: "plc-w-full plc-table-fixed plc-text-center plc-p-2 plc-m-1"
   }, /*#__PURE__*/React__default['default'].createElement("thead", {
     className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
   }, /*#__PURE__*/React__default['default'].createElement("tr", null, /*#__PURE__*/React__default['default'].createElement("th", {
@@ -21181,7 +21184,7 @@ function SubscriptionManageMembersView(props) {
     className: "plc-w-3/12 "
   }, t("labels.status")), /*#__PURE__*/React__default['default'].createElement("th", {
     className: "plc-w-3/12 "
-  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersList, null)))))));
+  }, t("labels.actions")))), /*#__PURE__*/React__default['default'].createElement("tbody", null, /*#__PURE__*/React__default['default'].createElement(SubscriptionManageMembersList, null))))))));
 }
 
 /**

package/dist/index.esm.js

@@ -21030,8 +21030,8 @@ function SubscriptionManageMembersList(props) {
       return {
         title: sub.status,
         content: sub.status,
-        textColor: "plc-text-red-500",
-        bgColor: "plc-bg-red-100",
+        textColor: "plc-text-yellow-500",
+        bgColor: "plc-bg-yellow-100",
         icon: /*#__PURE__*/React__default.createElement(SvgExclamation, null)
       };
     }
@@ -21087,7 +21087,8 @@ function SubscriptionManageMembersList(props) {
     key: member.id,
     className: `plc-w-full plc-align-middle plc-cursor-pointer accordion-header hover:plc-bg-gray-50 plc-text-center`
   }, /*#__PURE__*/React__default.createElement("td", {
-    className: "plc-truncate"
+    className: "plc-truncate plc-text-left",
+    title: member === null || member === void 0 ? void 0 : member.invitation_email
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "plc-font-semibold plc-text-gray-500"
   }, member === null || member === void 0 ? void 0 : member.invitation_email)), /*#__PURE__*/React__default.createElement("td", {
@@ -21141,8 +21142,10 @@ function SubscriptionManageMembersView(props) {
     className: "plc-flex-shrink-0 plc-p-2 plc-text-xs plc-text-gray-400 plc-uppercase"
   }, t("labels.listOfMembers")), /*#__PURE__*/React__default.createElement("hr", {
     className: "plc-w-full plc-border-gray-300"
-  })), /*#__PURE__*/React__default.createElement("table", {
-    className: "plc-w-full plc-table-fixed plc-text-center"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-max-h-48 plc-overflow-x-hidden plc-overflow-y-auto"
+  }, /*#__PURE__*/React__default.createElement("table", {
+    className: "plc-w-full plc-table-fixed plc-text-center plc-p-2 plc-m-1"
   }, /*#__PURE__*/React__default.createElement("thead", {
     className: "plc-text-xs plc-font-semibold plc-tracking-wider plc-text-gray-400 plc-uppercase "
   }, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
@@ -21151,7 +21154,7 @@ function SubscriptionManageMembersView(props) {
     className: "plc-w-3/12 "
   }, t("labels.status")), /*#__PURE__*/React__default.createElement("th", {
     className: "plc-w-3/12 "
-  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement(SubscriptionManageMembersList, null)))))));
+  }, t("labels.actions")))), /*#__PURE__*/React__default.createElement("tbody", null, /*#__PURE__*/React__default.createElement(SubscriptionManageMembersList, null))))))));
 }
 
 /**

package/dist/pelcro.css

@@ -2217,6 +2217,10 @@ in order to scope selectors under pelcro-root
   margin: 0px;
 }
 
+.pelcro-root .plc-m-1 {
+  margin: 0.25rem;
+}
+
 .pelcro-root .plc-m-3 {
   margin: 0.75rem;
 }
@@ -2337,6 +2341,10 @@ in order to scope selectors under pelcro-root
   max-height: 3.5rem;
 }
 
+.pelcro-root .plc-max-h-48 {
+  max-height: 12rem;
+}
+
 .pelcro-root .plc-max-h-72 {
   max-height: 18rem;
 }
@@ -2383,6 +2391,10 @@ in order to scope selectors under pelcro-root
   overflow-y: auto;
 }
 
+.pelcro-root .plc-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .pelcro-root .plc-overflow-y-scroll {
   overflow-y: scroll;
 }
@@ -2740,6 +2752,11 @@ in order to scope selectors under pelcro-root
   color: rgba(98, 26, 23, var(--tw-text-opacity));
 }
 
+.pelcro-root .plc-text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-text-yellow-700 {
   --tw-text-opacity: 1;
   color: rgba(180, 83, 9, var(--tw-text-opacity));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.13.0-beta.13",
+  "version": "3.13.0-beta.14",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",