pixelize-design-library 2.3.1-beta.9 → 2.3.2

package/dist/Components/UserDetails/UserDetailsProps.d.ts

@@ -0,0 +1,151 @@
+import { ElementType, ReactNode } from "react";
+export type RoleOption = {
+    id: number;
+    label: string;
+};
+export type UserListItem = {
+    id: number;
+    firstName: string;
+    lastName: string;
+    email: string;
+    role: string;
+    profile?: string;
+    isActive: boolean;
+    isPending?: boolean;
+    isCurrent?: boolean;
+    isSuperAdmin?: boolean;
+};
+export type UserDetailRow = {
+    label: string;
+    value: string;
+    icon?: ElementType;
+};
+export type SelectedUserDetail = {
+    userId?: number;
+    name: string;
+    role: string;
+    email: string;
+    profilePhoto?: string;
+    isActive: boolean;
+    isPending?: boolean;
+    isCurrent?: boolean;
+    isSuperAdmin?: boolean;
+    details: UserDetailRow[];
+};
+export type AddUserFormValues = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    role: RoleOption | null;
+};
+export type ChangeRoleSubmitPayload = {
+    userId: number;
+    roleId: number;
+};
+/**
+ * All user-facing strings. Provide translated values from the host app; every
+ * key has a sensible English default so the component works standalone.
+ */
+export type UserDetailsLabels = {
+    teamMembers?: string;
+    refreshList?: string;
+    userDetails?: string;
+    selectTeamMember?: string;
+    addUser?: string;
+    resendInvitation?: string;
+    deactivateUser?: string;
+    changeRole?: string;
+    you?: string;
+    active?: string;
+    inactive?: string;
+    pendingInvitation?: string;
+    personalInformation?: string;
+    noUsers?: string;
+    noUserSelected?: string;
+    addNewUser?: string;
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    role?: string;
+    firstNamePlaceholder?: string;
+    lastNamePlaceholder?: string;
+    emailPlaceholder?: string;
+    addNewRole?: string;
+    cancel?: string;
+    save?: string;
+    firstNameRequired?: string;
+    lastNameRequired?: string;
+    emailRequired?: string;
+    emailInvalid?: string;
+    roleRequired?: string;
+    changeRoleTitle?: string;
+    confirmDeactivation?: string;
+    deactivateConfirmQuestion?: string;
+    deactivateConfirmDescription?: string;
+};
+export interface UserDetailsProps {
+    /** Full list of users shown in the left panel. */
+    users: UserListItem[];
+    /** The currently selected user rendered in the right panel. */
+    selectedUser: SelectedUserDetail | null;
+    /** Id of the selected user, used to highlight the active row. */
+    selectedUserId?: number;
+    /** Role options for the Add User and Change Role modals. */
+    roleOptions?: RoleOption[];
+    /** Whether the current viewer can manage users (super-admin gate). */
+    canManageUsers?: boolean;
+    /** Loading flags driven by the host app's async calls. */
+    isUsersLoading?: boolean;
+    isInviteLoading?: boolean;
+    isDeactivateLoading?: boolean;
+    isAddUserLoading?: boolean;
+    isChangeRoleLoading?: boolean;
+    /** Selection + refresh. */
+    onSelectUser?: (user: UserListItem) => void;
+    onRefresh?: () => void;
+    /** Back navigation handler for the list panel header. */
+    onBack?: () => void;
+    /** Modal submit / action callbacks. */
+    onAddUserSubmit?: (values: AddUserFormValues) => void | Promise<void>;
+    onChangeRoleSubmit?: (payload: ChangeRoleSubmitPayload) => void | Promise<void>;
+    onReinvite?: (userId: number) => void;
+    onDeactivate?: (userId: number) => void;
+    /** "Add New Role" actions inside the SearchSelect of each modal. */
+    onAddRoleClick?: () => void;
+    /** App-specific node rendered inside the Add User modal header (e.g. an upgrade notice). */
+    addUserUpgradeNotice?: ReactNode;
+    /** Translated/override strings. */
+    labels?: UserDetailsLabels;
+    /** Minimum height of the outer container. Defaults to "90vh". */
+    minHeight?: string;
+}
+export interface AddUserModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    roleOptions: RoleOption[];
+    isLoading?: boolean;
+    onSubmit?: (values: AddUserFormValues) => void | Promise<void>;
+    onAddRoleClick?: () => void;
+    upgradeNotice?: ReactNode;
+    labels: Required<Pick<UserDetailsLabels, "addNewUser" | "firstName" | "lastName" | "email" | "role" | "firstNamePlaceholder" | "lastNamePlaceholder" | "emailPlaceholder" | "addNewRole" | "cancel" | "save" | "firstNameRequired" | "lastNameRequired" | "emailRequired" | "emailInvalid" | "roleRequired">>;
+}
+export interface ChangeRoleModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    userId: number | null;
+    email?: string;
+    currentRole?: string;
+    roleOptions: RoleOption[];
+    isLoading?: boolean;
+    onSubmit?: (payload: ChangeRoleSubmitPayload) => void | Promise<void>;
+    onAddRoleClick?: () => void;
+    labels: Required<Pick<UserDetailsLabels, "changeRoleTitle" | "email" | "role" | "addNewRole" | "cancel" | "save" | "roleRequired">>;
+}
+export interface DeactivateConfirmModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    userName?: string;
+    isLoading?: boolean;
+    onConfirm: () => void;
+    labels: Required<Pick<UserDetailsLabels, "confirmDeactivation" | "deactivateConfirmQuestion" | "deactivateConfirmDescription" | "cancel" | "deactivateUser">>;
+}

package/dist/Components/UserDetails/UserDetailsProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Theme/componentStyles.d.ts

@@ -3,7 +3,7 @@ export declare const componentStyles: {
     Input: import("@chakra-ui/theme").ComponentStyleConfig;
     Button: import("@chakra-ui/theme").ComponentStyleConfig;
     Select: import("@chakra-ui/theme").ComponentStyleConfig;
-    Tag: import("@chakra-ui/theme").ComponentStyleConfig;
+    Tag: import("@chakra-ui/theme").ComponentMultiStyleConfig;
     Textarea: import("@chakra-ui/theme").ComponentStyleConfig;
     NumberInput: import("@chakra-ui/theme").ComponentStyleConfig;
 };

package/dist/Theme/index.d.ts

@@ -7,11 +7,11 @@ import emerald from "./Emerald/theme";
 import rosewood from "./Rosewood/theme";
 export { skyline, meadow, radiant, lavender, slate, emerald, rosewood };
 export declare const ThemesList: {
-    skyline: Record<string, any>;
-    meadow: Record<string, any>;
-    radiant: Record<string, any>;
     lavender: Record<string, any>;
-    slate: Record<string, any>;
+    meadow: Record<string, any>;
+    skyline: Record<string, any>;
     emerald: Record<string, any>;
     rosewood: Record<string, any>;
+    slate: Record<string, any>;
+    radiant: Record<string, any>;
 };

package/dist/Theme/index.js

@@ -19,11 +19,11 @@ exports.emerald = theme_6.default;
 var theme_7 = __importDefault(require("./Rosewood/theme"));
 exports.rosewood = theme_7.default;
 exports.ThemesList = {
-    skyline: theme_4.default,
-    meadow: theme_2.default,
-    radiant: theme_3.default,
     lavender: theme_1.default,
-    slate: theme_5.default,
+    meadow: theme_2.default,
+    skyline: theme_4.default,
     emerald: theme_6.default,
     rosewood: theme_7.default,
+    slate: theme_5.default,
+    radiant: theme_3.default,
 };

package/dist/index.d.ts

@@ -60,5 +60,27 @@ import ApexLineChart from "./Components/Apexcharts/ApexLineChart/ApexLineChart";
 import Notification from "./Components/Notification/Notification";
 import DatePicker from "./Components/DatePicker/ThemeDatePicker";
 import FilterSidebar from "./Components/FilterSidebar/FilterSidebar";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FilterSidebar, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
+import EmptyState from "./Components/EmptyState/EmptyState";
+import MoreItems from "./Components/MoreItems/MoreItems";
+import ScrollToTop from "./Components/ScrollToTop/ScrollToTop";
+import CopyButton from "./Components/CopyButton/CopyButton";
+import FieldSelectModal from "./Components/FieldSelectModal/FieldSelectModal";
+import PdfViewer from "./Components/PdfViewer/PdfViewer";
+import LazyWrapper from "./Components/LazyWrapper/LazyWrapper";
+import FilePreview, { FilePreviewTrigger } from "./Components/FilePreview/FilePreview";
+import StageProgress from "./Components/StageProgress/StageProgress";
+import StageItem from "./Components/StageProgress/StageItem";
+import OrgSwitcher from "./Components/OrgSwitcher/OrgSwitcher";
+import UpgradeButton from "./Components/UpgradeButton/UpgradeButton";
+import UserDetails from "./Components/UserDetails/UserDetails";
+import RolesPermission from "./Components/RolesPermission/RolesPermission";
+import CustomModulesTable from "./Components/CustomModulesTable/CustomModulesTable";
+import SignInActivityTable from "./Components/SignInActivityTable/SignInActivityTable";
+import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails";
+export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, UpgradeButton, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
 export default withTheme;
+export type { UserDetailsProps, UserDetailsLabels, UserListItem, SelectedUserDetail, UserDetailRow, RoleOption, AddUserFormValues, ChangeRoleSubmitPayload, } from "./Components/UserDetails/UserDetailsProps";
+export type { RolesPermissionProps, RolesPermissionLabels, RolesPermissionView, RolesPermissionMode, Permission, PermissionKey, RoleData, } from "./Components/RolesPermission/RolesPermissionProps";
+export type { CustomModulesTableProps, CustomModulesTableLabels, ModuleItem, UpdateModulePayload, } from "./Components/CustomModulesTable/CustomModulesTableProps";
+export type { SignInActivityTableProps, SignInActivityLabels, SignInDevice, } from "./Components/SignInActivityTable/SignInActivityTableProps";
+export type { OrganizationDetailsProps, OrganizationDetailsLabels, OrganizationItem, CreateOrgFormValues, } from "./Components/OrganizationDetails/OrganizationDetailsProps";

package/dist/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = void 0;
+exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = exports.UpgradeButton = exports.OrgSwitcher = exports.StageItem = exports.StageProgress = exports.CopyButton = exports.ScrollToTop = exports.PdfViewer = exports.MoreItems = exports.LazyWrapper = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.FilePreviewTrigger = exports.FilePreview = exports.FieldSelectModal = exports.EmptyState = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
+exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = void 0;
 var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordian = Accordion_1.default;
 var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -174,4 +174,39 @@ var ThemeDatePicker_1 = __importDefault(require("./Components/DatePicker/ThemeDa
 exports.DatePicker = ThemeDatePicker_1.default;
 var FilterSidebar_1 = __importDefault(require("./Components/FilterSidebar/FilterSidebar"));
 exports.FilterSidebar = FilterSidebar_1.default;
+var EmptyState_1 = __importDefault(require("./Components/EmptyState/EmptyState"));
+exports.EmptyState = EmptyState_1.default;
+var MoreItems_1 = __importDefault(require("./Components/MoreItems/MoreItems"));
+exports.MoreItems = MoreItems_1.default;
+var ScrollToTop_1 = __importDefault(require("./Components/ScrollToTop/ScrollToTop"));
+exports.ScrollToTop = ScrollToTop_1.default;
+var CopyButton_1 = __importDefault(require("./Components/CopyButton/CopyButton"));
+exports.CopyButton = CopyButton_1.default;
+var FieldSelectModal_1 = __importDefault(require("./Components/FieldSelectModal/FieldSelectModal"));
+exports.FieldSelectModal = FieldSelectModal_1.default;
+var PdfViewer_1 = __importDefault(require("./Components/PdfViewer/PdfViewer"));
+exports.PdfViewer = PdfViewer_1.default;
+var LazyWrapper_1 = __importDefault(require("./Components/LazyWrapper/LazyWrapper"));
+exports.LazyWrapper = LazyWrapper_1.default;
+var FilePreview_1 = __importStar(require("./Components/FilePreview/FilePreview"));
+exports.FilePreview = FilePreview_1.default;
+Object.defineProperty(exports, "FilePreviewTrigger", { enumerable: true, get: function () { return FilePreview_1.FilePreviewTrigger; } });
+var StageProgress_1 = __importDefault(require("./Components/StageProgress/StageProgress"));
+exports.StageProgress = StageProgress_1.default;
+var StageItem_1 = __importDefault(require("./Components/StageProgress/StageItem"));
+exports.StageItem = StageItem_1.default;
+var OrgSwitcher_1 = __importDefault(require("./Components/OrgSwitcher/OrgSwitcher"));
+exports.OrgSwitcher = OrgSwitcher_1.default;
+var UpgradeButton_1 = __importDefault(require("./Components/UpgradeButton/UpgradeButton"));
+exports.UpgradeButton = UpgradeButton_1.default;
+var UserDetails_1 = __importDefault(require("./Components/UserDetails/UserDetails"));
+exports.UserDetails = UserDetails_1.default;
+var RolesPermission_1 = __importDefault(require("./Components/RolesPermission/RolesPermission"));
+exports.RolesPermission = RolesPermission_1.default;
+var CustomModulesTable_1 = __importDefault(require("./Components/CustomModulesTable/CustomModulesTable"));
+exports.CustomModulesTable = CustomModulesTable_1.default;
+var SignInActivityTable_1 = __importDefault(require("./Components/SignInActivityTable/SignInActivityTable"));
+exports.SignInActivityTable = SignInActivityTable_1.default;
+var OrganizationDetails_1 = __importDefault(require("./Components/OrganizationDetails/OrganizationDetails"));
+exports.OrganizationDetails = OrganizationDetails_1.default;
 exports.default = withTheme_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.1-beta.9",
+  "version": "2.3.2",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -106,4 +106,4 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   }
-}
+}

package/.claude/settings.local.json

@@ -1,44 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(git ls-tree *)",
-      "Bash(npx --no-install tsc --noEmit)",
-      "Bash(git fsck *)",
-      "Bash(npx tsc *)",
-      "Bash(curl -s http://localhost:5174/ -o /dev/null -w \"HTTP %{http_code}\\\\n\")",
-      "Bash(curl -s \"http://localhost:5174/src/Components/Table/Components/TableBody.tsx\" -o /dev/null -w \"transform TableBody: HTTP %{http_code}\\\\n\")",
-      "Read(//private/tmp/**)",
-      "Bash(npx jest *)",
-      "Bash(pkill -f \"vite\")",
-      "Bash(grep -rln -E \"import\\\\s+\\\\w+\\\\s*\\(,\\\\s*\\\\{[^}]*\\\\}\\)?\\\\s*from\\\\s+['\\\\\"]pixelize-design-library['\\\\\"]\" src)",
-      "Bash(ps -p 44521 60411 -o pid,command)",
-      "Bash(node -e \"const p=require\\('./package.json'\\); console.log\\(JSON.stringify\\(p.scripts,null,2\\)\\)\")",
-      "Bash(echo \"=== total errors: $\\(npx tsc --noEmit -p tsconfig.json 2>&1)",
-      "Bash(echo \"=== total: $\\(npx tsc --noEmit -p tsconfig.json 2>&1)",
-      "Bash(echo \"exit=$?\")",
-      "Read(//tmp/**)",
-      "Bash(git mv *)",
-      "Bash(git rm *)",
-      "Bash(node -e \"console.log\\(require\\('@emotion/react/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('jodit-react', require\\('jodit-react/package.json'\\).version\\); try{console.log\\('jodit', require\\('jodit/package.json'\\).version\\)}catch\\(e\\){}\")",
-      "Bash(node -e \"console.log\\('playwright', require\\('playwright/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('puppeteer', require\\('puppeteer/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('ws', require\\('ws/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\('node', process.version\\)\")",
-      "Bash(grep -E \"\\\\.tsx?$\")",
-      "Bash(node -e \"console.log\\(require.resolve\\('@chakra-ui/styled-system'\\)\\)\")",
-      "Bash(node -e \"const p=require.resolve\\('@chakra-ui/react'\\);console.log\\(p\\)\")",
-      "Bash(sed -n '31,45p' src/Pages/table.tsx)",
-      "Bash(perl -0pi -e 's/\\\\n\\\\s*content: \\\\\\(\\\\\\) => <>Hello<\\\\/>,?//' src/Pages/table.tsx)",
-      "Bash(cd /Users/mahesh/Applications/Pixelize/CRM/Micro-Components *)",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-design-library/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\(JSON.stringify\\(require\\('./node_modules/pixelize-authenticator/package.json'\\).dependencies\\)\\)\")",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-authenticator/package.json'\\).version\\)\")",
-      "Bash(node -e \"console.log\\(require\\('./node_modules/pixelize-authenticator/node_modules/pixelize-design-library/package.json'\\).version\\)\")"
-    ],
-    "additionalDirectories": [
-      "/private/tmp",
-      "/tmp"
-    ]
-  }
-}