pixelize-design-library 2.4.1-beta.1 → 2.4.1

package/dist/Pages/userDetails.js

@@ -1,79 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lucide_react_1 = require("lucide-react");
-const UserDetails_1 = __importDefault(require("../Components/UserDetails/UserDetails"));
-const demoUsers = [
-    {
-        id: 1,
-        firstName: "Aisha",
-        lastName: "Khan",
-        email: "aisha.khan@pixelize.dev",
-        role: "Super Admin",
-        isActive: true,
-        isCurrent: true,
-        isSuperAdmin: true,
-    },
-    {
-        id: 2,
-        firstName: "Marcus",
-        lastName: "Reed",
-        email: "marcus.reed@pixelize.dev",
-        role: "Sales Manager",
-        isActive: true,
-    },
-    {
-        id: 3,
-        firstName: "Lena",
-        lastName: "Fischer",
-        email: "lena.fischer@pixelize.dev",
-        role: "Support Agent",
-        isActive: false,
-        isPending: true,
-    },
-    {
-        id: 4,
-        firstName: "Diego",
-        lastName: "Santos",
-        email: "diego.santos@pixelize.dev",
-        role: "Marketing",
-        isActive: true,
-    },
-];
-const demoRoleOptions = [
-    { id: 10, label: "Super Admin" },
-    { id: 11, label: "Sales Manager" },
-    { id: 12, label: "Support Agent" },
-    { id: 13, label: "Marketing" },
-];
-function buildSelectedUser(user) {
-    return {
-        userId: user.id,
-        name: `${user.firstName} ${user.lastName}`,
-        role: user.role,
-        email: user.email,
-        isActive: user.isActive,
-        isPending: user.isPending,
-        isCurrent: user.isCurrent,
-        isSuperAdmin: user.isSuperAdmin,
-        details: [
-            { label: "First Name", value: user.firstName, icon: lucide_react_1.UserRound },
-            { label: "Last Name", value: user.lastName, icon: lucide_react_1.UserRound },
-            { label: "Email", value: user.email, icon: lucide_react_1.Mail },
-            { label: "Role", value: user.role, icon: lucide_react_1.BriefcaseBusiness },
-        ],
-    };
-}
-const UserDetailsPage = () => {
-    const [selectedId, setSelectedId] = (0, react_1.useState)(demoUsers[0].id);
-    const selectedUser = (0, react_1.useMemo)(() => {
-        const user = demoUsers.find((u) => u.id === selectedId);
-        return user ? buildSelectedUser(user) : null;
-    }, [selectedId]);
-    return ((0, jsx_runtime_1.jsx)(UserDetails_1.default, { users: demoUsers, selectedUser: selectedUser, selectedUserId: selectedId, roleOptions: demoRoleOptions, canManageUsers: true, onSelectUser: (user) => setSelectedId(user.id), onRefresh: () => console.log("[UserDetailsPage] refresh"), onAddUserSubmit: (values) => console.log("[UserDetailsPage] add user", values), onChangeRoleSubmit: (payload) => console.log("[UserDetailsPage] change role", payload), onReinvite: (userId) => console.log("[UserDetailsPage] reinvite", userId), onDeactivate: (userId) => console.log("[UserDetailsPage] deactivate", userId), onAddRoleClick: () => console.log("[UserDetailsPage] add role"), minHeight: "70vh" }));
-};
-exports.default = UserDetailsPage;

package/dist/Pages/verifyEmail.d.ts

@@ -1,3 +0,0 @@
-declare const VerifyEmailPage: () => import("react/jsx-runtime").JSX.Element;
-export default VerifyEmailPage;
-//# sourceMappingURL=verifyEmail.d.ts.map

package/dist/Pages/verifyEmail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"verifyEmail.d.ts","sourceRoot":"","sources":["../../src/Pages/verifyEmail.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,+CAoBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Pages/verifyEmail.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const VerifyEmailOtp_1 = __importDefault(require("../Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
-const VerifyEmailPage = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(VerifyEmailOtp_1.default, { resendMail: () => {
-                console.log("hello");
-            }, onChange: (val) => {
-                console.log("onchange", val);
-            }, onComplete: (val) => {
-                console.log("onComplete", val);
-            }, pins: 6, title: "Please Verify Account", description: "Enter the six digit code we sent to your email address to verify", styles: { width: "70%", padding: "2px" } }) }));
-};
-exports.default = VerifyEmailPage;

package/dist/bootstrap.d.ts

@@ -1,2 +0,0 @@
-import "./index.css";
-//# sourceMappingURL=bootstrap.d.ts.map

package/dist/bootstrap.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const client_1 = __importDefault(require("react-dom/client"));
-const App_1 = __importDefault(require("./App"));
-const provider_1 = require("./Theme/provider");
-require("./index.css");
-const root = client_1.default.createRoot(document.getElementById("root"));
-// The playground uses the provider (rather than the legacy `withTheme` HOC) so the
-// light/dark/brand switcher is exercisable here. `withTheme` is still the shipped
-// default export and is unchanged.
-root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(provider_1.PixelizeThemeProvider, { children: (0, jsx_runtime_1.jsx)(App_1.default, {}) }) }));