@abpjs/identity 1.0.0 → 1.1.0

package/dist/index.d.mts

@@ -409,6 +409,11 @@ interface RolesComponentProps {
  */
 declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, }: RolesComponentProps): React.ReactElement;
 
+/**
+ * Password rule type for validation display
+ * @since 1.1.0
+ */
+type PasswordRule = 'number' | 'small' | 'capital' | 'special';
 /**
  * Props for UsersComponent
  */
@@ -419,26 +424,18 @@ interface UsersComponentProps {
     onUserUpdated?: (user: Identity.UserItem) => void;
     /** Optional callback when a user is deleted */
     onUserDeleted?: (id: string) => void;
+    /**
+     * Password validation rules to display
+     * @since 1.1.0
+     */
+    passwordRulesArr?: PasswordRule[];
+    /**
+     * Required minimum password length
+     * @since 1.1.0
+     */
+    requiredPasswordLength?: number;
 }
-/**
- * UsersComponent - Component for managing users
- *
- * This is the React equivalent of Angular's UsersComponent.
- * It displays a table of users with CRUD operations, role assignment, and permission management.
- *
- * @example
- * ```tsx
- * function IdentityPage() {
- *   return (
- *     <UsersComponent
- *       onUserCreated={(user) => console.log('User created:', user)}
- *       onUserDeleted={(id) => console.log('User deleted:', id)}
- *     />
- *   );
- * }
- * ```
- */
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, }: UsersComponentProps): React.ReactElement;
+declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, }: UsersComponentProps): React.ReactElement;
 
 /**
  * Identity module routes configuration.
@@ -488,4 +485,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };
+export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };

package/dist/index.d.ts

@@ -409,6 +409,11 @@ interface RolesComponentProps {
  */
 declare function RolesComponent({ onRoleCreated, onRoleUpdated, onRoleDeleted, }: RolesComponentProps): React.ReactElement;
 
+/**
+ * Password rule type for validation display
+ * @since 1.1.0
+ */
+type PasswordRule = 'number' | 'small' | 'capital' | 'special';
 /**
  * Props for UsersComponent
  */
@@ -419,26 +424,18 @@ interface UsersComponentProps {
     onUserUpdated?: (user: Identity.UserItem) => void;
     /** Optional callback when a user is deleted */
     onUserDeleted?: (id: string) => void;
+    /**
+     * Password validation rules to display
+     * @since 1.1.0
+     */
+    passwordRulesArr?: PasswordRule[];
+    /**
+     * Required minimum password length
+     * @since 1.1.0
+     */
+    requiredPasswordLength?: number;
 }
-/**
- * UsersComponent - Component for managing users
- *
- * This is the React equivalent of Angular's UsersComponent.
- * It displays a table of users with CRUD operations, role assignment, and permission management.
- *
- * @example
- * ```tsx
- * function IdentityPage() {
- *   return (
- *     <UsersComponent
- *       onUserCreated={(user) => console.log('User created:', user)}
- *       onUserDeleted={(id) => console.log('User deleted:', id)}
- *     />
- *   );
- * }
- * ```
- */
-declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, }: UsersComponentProps): React.ReactElement;
+declare function UsersComponent({ onUserCreated, onUserUpdated, onUserDeleted, passwordRulesArr, requiredPasswordLength, }: UsersComponentProps): React.ReactElement;
 
 /**
  * Identity module routes configuration.
@@ -488,4 +485,4 @@ declare const IDENTITY_POLICIES: {
     readonly ROLES_DELETE: "AbpIdentity.Roles.Delete";
 };
 
-export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };
+export { IDENTITY_POLICIES, IDENTITY_ROUTES, IDENTITY_ROUTE_PATHS, Identity, IdentityService, type PasswordRule, type RoleOperationResult, RolesComponent, type RolesComponentProps, type SortOrder, type UseIdentityReturn, type UseRolesReturn, type UseUsersReturn, type UserOperationResult, UsersComponent, type UsersComponentProps, useIdentity, useRoles, useUsers };

package/dist/index.js

@@ -733,10 +733,26 @@ var DEFAULT_FORM_STATE2 = {
   twoFactorEnabled: true,
   roleNames: []
 };
+function getPasswordRuleLabel(rule, t) {
+  switch (rule) {
+    case "number":
+      return t("AbpIdentity::Password:RequireDigit");
+    case "small":
+      return t("AbpIdentity::Password:RequireLowercase");
+    case "capital":
+      return t("AbpIdentity::Password:RequireUppercase");
+    case "special":
+      return t("AbpIdentity::Password:RequireNonAlphanumeric");
+    default:
+      return rule;
+  }
+}
 function UsersComponent({
   onUserCreated,
   onUserUpdated,
-  onUserDeleted
+  onUserDeleted,
+  passwordRulesArr = [],
+  requiredPasswordLength = 0
 }) {
   const { t } = (0, import_core4.useLocalization)();
   const confirmation = (0, import_theme_shared2.useConfirmation)();
@@ -1032,17 +1048,26 @@ function UsersComponent({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              import_react7.Input,
-              {
-                type: "password",
-                value: formState.password,
-                onChange: (e) => handleInputChange("password", e.target.value),
-                autoComplete: "new-password",
-                maxLength: 32,
-                placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
-              }
-            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_theme_shared2.FormField, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react7.Input,
+                {
+                  type: "password",
+                  value: formState.password,
+                  onChange: (e) => handleInputChange("password", e.target.value),
+                  autoComplete: "new-password",
+                  maxLength: 32,
+                  placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
+                }
+              ),
+              (requiredPasswordLength > 0 || passwordRulesArr.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Box, { mt: 2, fontSize: "sm", color: "gray.500", children: [
+                requiredPasswordLength > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react7.Text, { children: t("AbpIdentity::Password:MinLength", String(requiredPasswordLength)) }),
+                passwordRulesArr.map((rule) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react7.Text, { children: [
+                  "\u2022 ",
+                  getPasswordRuleLabel(rule, t)
+                ] }, rule))
+              ] })
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_theme_shared2.FormField, { label: t("AbpIdentity::EmailAddress"), required: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               import_react7.Input,
               {

package/dist/index.mjs

@@ -719,10 +719,26 @@ var DEFAULT_FORM_STATE2 = {
   twoFactorEnabled: true,
   roleNames: []
 };
+function getPasswordRuleLabel(rule, t) {
+  switch (rule) {
+    case "number":
+      return t("AbpIdentity::Password:RequireDigit");
+    case "small":
+      return t("AbpIdentity::Password:RequireLowercase");
+    case "capital":
+      return t("AbpIdentity::Password:RequireUppercase");
+    case "special":
+      return t("AbpIdentity::Password:RequireNonAlphanumeric");
+    default:
+      return rule;
+  }
+}
 function UsersComponent({
   onUserCreated,
   onUserUpdated,
-  onUserDeleted
+  onUserDeleted,
+  passwordRulesArr = [],
+  requiredPasswordLength = 0
 }) {
   const { t } = useLocalization2();
   const confirmation = useConfirmation2();
@@ -1018,17 +1034,26 @@ function UsersComponent({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx2(FormField2, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: /* @__PURE__ */ jsx2(
-              Input2,
-              {
-                type: "password",
-                value: formState.password,
-                onChange: (e) => handleInputChange("password", e.target.value),
-                autoComplete: "new-password",
-                maxLength: 32,
-                placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
-              }
-            ) }),
+            /* @__PURE__ */ jsxs2(FormField2, { label: t("AbpIdentity::Password"), required: !selectedUser?.id, children: [
+              /* @__PURE__ */ jsx2(
+                Input2,
+                {
+                  type: "password",
+                  value: formState.password,
+                  onChange: (e) => handleInputChange("password", e.target.value),
+                  autoComplete: "new-password",
+                  maxLength: 32,
+                  placeholder: selectedUser?.id ? t("AbpIdentity::LeaveBlankToKeepCurrent") : ""
+                }
+              ),
+              (requiredPasswordLength > 0 || passwordRulesArr.length > 0) && /* @__PURE__ */ jsxs2(Box2, { mt: 2, fontSize: "sm", color: "gray.500", children: [
+                requiredPasswordLength > 0 && /* @__PURE__ */ jsx2(Text2, { children: t("AbpIdentity::Password:MinLength", String(requiredPasswordLength)) }),
+                passwordRulesArr.map((rule) => /* @__PURE__ */ jsxs2(Text2, { children: [
+                  "\u2022 ",
+                  getPasswordRuleLabel(rule, t)
+                ] }, rule))
+              ] })
+            ] }),
             /* @__PURE__ */ jsx2(FormField2, { label: t("AbpIdentity::EmailAddress"), required: true, children: /* @__PURE__ */ jsx2(
               Input2,
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/identity",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "ABP Framework identity components for React - translated from @abp/ng.identity",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -25,9 +25,9 @@
   "dependencies": {
     "@chakra-ui/react": "^3.2.0",
     "@emotion/react": "^11.11.0",
-    "@abpjs/core": "1.0.0",
-    "@abpjs/theme-shared": "1.0.0",
-    "@abpjs/permission-management": "1.0.0"
+    "@abpjs/core": "1.1.0",
+    "@abpjs/permission-management": "1.1.0",
+    "@abpjs/theme-shared": "1.1.0"
   },
   "devDependencies": {
     "@abp/ng.identity": "0.9.0",
@@ -62,7 +62,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/abpjs/abp-react"
+    "url": "https://github.com/abpjs/abp-react",
+    "directory": "packages/identity"
   },
   "homepage": "https://docs.abpjs.io/docs/packages/identity/overview",
   "bugs": {