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

package/dist/Pages/kanbanboard.js

@@ -1,182 +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 react_2 = require("@chakra-ui/react");
-const KanbanBoard_1 = __importDefault(require("../Components/KanbanBoard/KanbanBoard"));
-const createItems = (count, prefix) => Array.from({ length: count }, (_, i) => ({
-    id: `${prefix}-${i}`,
-    rating: "Acquired",
-    name: `${prefix} Item ${i}`,
-    // customNode: () => <div style={{ backgroundColor: "red", padding: "10px", borderRadius: "5px" }}>Custom Node {i}</div>,
-}));
-const buildKanbanData = (primaryColumnColor, successColumnColor) => ({
-    acquired: {
-        id: "acquired",
-        title: "Acquired",
-        color: primaryColumnColor,
-        items: createItems(1000, "acq"),
-    },
-    active: {
-        id: "requested",
-        title: "Requested",
-        color: successColumnColor,
-        items: createItems(4, "req"),
-        customNode: () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.600", children: "Total items: 4" }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.500", children: "Drag cards to move" })] })),
-    },
-    closed: {
-        id: "closed",
-        title: "close",
-        color: successColumnColor,
-        items: createItems(3, "cls"),
-    },
-    open: {
-        id: "open",
-        title: "Open",
-        color: successColumnColor,
-        items: createItems(5, "OP"),
-        customNode: () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.600", children: "Total items: 4" }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.500", children: "Drag cards to move" })] })),
-    },
-    done: {
-        id: "done",
-        title: "Done",
-        color: successColumnColor,
-        items: createItems(6, "done"),
-    },
-});
-const viewListData = [
-    {
-        view_id: 5,
-        type: "contact",
-        viewName: "status",
-        groupBy: "Lead Source",
-        selectedField: [
-            "contact_owner",
-            "first_name",
-            "last_name",
-            "title",
-            "assistant",
-            "email",
-            "mobile",
-            "lead_source",
-            "dob",
-            "skype_id",
-            "twitter",
-            "sec_email",
-            "mail_street",
-            "mail_city",
-            "mail_state",
-            "mail_zip",
-            "mail_country",
-            "other_street",
-            "other_city",
-            "other_state",
-            "other_zip",
-            "other_country",
-            "fax",
-            "description",
-        ],
-        moduleId: null,
-        created_at: 1756720852175,
-        updated_at: 1756720852175,
-    },
-    {
-        view_id: 4,
-        type: "contact",
-        viewName: "demo",
-        groupBy: "Lead Source",
-        selectedField: [
-            "contact_owner",
-            "first_name",
-            "last_name",
-            "title",
-            "assistant",
-            "email",
-            "mobile",
-            "lead_source",
-            "dob",
-            "skype_id",
-            "twitter",
-            "sec_email",
-            "mail_street",
-            "mail_city",
-            "mail_state",
-            "mail_zip",
-            "mail_country",
-            "other_street",
-            "other_city",
-            "other_state",
-            "other_zip",
-            "other_country",
-            "fax",
-            "description",
-        ],
-        moduleId: null,
-        created_at: 1756720474429,
-        updated_at: 1756720474429,
-    },
-    {
-        view_id: 2,
-        type: "contact",
-        viewName: "kanabana",
-        groupBy: "Lead Source",
-        selectedField: [
-            "contact_owner",
-            "first_name",
-            "last_name",
-            "title",
-            "assistant",
-            "email",
-            "mobile",
-            "lead_source",
-            "dob",
-            "skype_id",
-            "twitter",
-            "sec_email",
-            "mail_street",
-            "mail_city",
-            "mail_state",
-            "mail_zip",
-            "mail_country",
-            "other_street",
-            "other_city",
-            "other_state",
-            "other_zip",
-            "other_country",
-            "fax",
-            "description",
-        ],
-        moduleId: null,
-        created_at: 1756457931264,
-        updated_at: 1756457931264,
-    },
-];
-const KanbanBoardExample = () => {
-    const theme = (0, react_2.useTheme)();
-    const data = (0, react_1.useMemo)(() => buildKanbanData(theme.colors.primary[500], theme.colors.semantic.success[500]), [theme]);
-    return ((0, jsx_runtime_1.jsx)(KanbanBoard_1.default, { data: data, onDelete: (item) => console.log("Delete", item), onOpen: (item) => console.log("Open", item), onDrag: (updatedColumns) => console.log("New State", updatedColumns), onColumnDelete: (updatedColumns) => console.log("New Del", updatedColumns), isLoading: false, virtualization: true, kanbanCreate: {
-            isCreatable: true,
-            onCreate: () => { },
-        }, kanbanEdit: {
-            isEditable: true,
-            onEdit: () => { },
-            label: "Edit",
-        }, kanbanSelect: {
-            isSelect: true,
-            options: viewListData === null || viewListData === void 0 ? void 0 : viewListData.map((item) => ({
-                label: item === null || item === void 0 ? void 0 : item.viewName,
-                id: String(item === null || item === void 0 ? void 0 : item.view_id),
-            })),
-            onSelectChange: () => { },
-            selectPlaceholderText: "",
-            width: "200px",
-            value: "kanbanSelectValue",
-        }, enableColumnCollapse: true, enableColumnReorder: true, onColumnReorder: (columns) => console.log("New Order", columns), collapsedColumns: {
-            active: true,
-            closed: true,
-        }, onColumnCollapseChange: (columns) => console.log("New Collapse", columns) }));
-};
-exports.default = KanbanBoardExample;

package/dist/Pages/modal.d.ts

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

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

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

package/dist/Pages/modal.js

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-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 Modal_1 = __importStar(require("../Components/Modal/Modal"));
-const Button_1 = __importDefault(require("../Components/Button/Button"));
-const ModalPage = () => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [isModelLoading, setIsModelLoading] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const timer = setTimeout(() => {
-            setIsModelLoading(false);
-        }, 5000);
-        // Cleanup the timer on component unmount
-        return () => clearTimeout(timer);
-    }, []);
-    const handleOnclick2 = () => {
-        setIsOpen(true);
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.default, { label: "ModelButton", onClick: handleOnclick2, width: 250, variant: "solid" }), (0, jsx_runtime_1.jsxs)(Modal_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), 
-                // overlaybg={"blackAlpha.300"}
-                // overlaybackdropFilter={"blur(10px) hue-rotate(90deg)"}
-                size: "sm", isCentered: true, isLoading: isModelLoading, children: [(0, jsx_runtime_1.jsx)(Modal_1.ModalHeader, { children: "hai" }), (0, jsx_runtime_1.jsx)(Modal_1.ModalBody, { children: "heelo" }), (0, jsx_runtime_1.jsx)(Modal_1.ModalFooter, { children: "welcome" })] })] }));
-};
-exports.default = ModalPage;

package/dist/Pages/multiSelect.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"multiSelect.d.ts","sourceRoot":"","sources":["../../src/Pages/multiSelect.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,eAAe,+CA2BpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/Pages/multiSelect.js

@@ -1,22 +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 MultiSelect_1 = __importDefault(require("../Components/MultiSelect/MultiSelect"));
-const MultiSelectPage = () => {
-    const [selectedOptions, setSelectedOptions] = (0, react_1.useState)([
-        {
-            id: "1721664346718-1",
-            label: "Testing",
-        },
-    ]);
-    const handleValueSelectChange = (options) => {
-        setSelectedOptions(options);
-        console.log("Selected options updated:", options);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(MultiSelect_1.default, { value: selectedOptions, onValueChange: handleValueSelectChange, error: true, errorMessage: 'frr' }) }));
-};
-exports.default = MultiSelectPage;

package/dist/Pages/noteArea.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"noteArea.d.ts","sourceRoot":"","sources":["../../src/Pages/noteArea.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY,+CAoCjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/Pages/noteArea.js

@@ -1,26 +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 NoteTextArea_1 = __importDefault(require("../Components/NoteTextArea/NoteTextArea"));
-const NoteAreaPage = () => {
-    const [saveButtonLoading, setSaveButtonLoading] = (0, react_1.useState)(false);
-    const handleNoteValue = (noteValue, titleValue, file) => {
-        console.log("Title: ", titleValue);
-        console.log("Note: ", noteValue);
-        console.log("File: ", file);
-        setSaveButtonLoading(true);
-        setTimeout(() => {
-            setSaveButtonLoading(false);
-        }, 2000);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(NoteTextArea_1.default, { width: "720px", handleSubmit: (noteValue, titleValue, file) => {
-                handleNoteValue(noteValue, titleValue, file);
-            }, value: "text", title: "hello", isEditable: false, saveButtonLoading: saveButtonLoading, handleCancel: (isActive) => {
-                console.log("isActive", isActive);
-            }, customPlaceholder: "Add a note..." }) }));
-};
-exports.default = NoteAreaPage;

package/dist/Pages/notification.d.ts

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

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

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

package/dist/Pages/notification.js

@@ -1,37 +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("@chakra-ui/react");
-const Notification_1 = __importDefault(require("../Components/Notification/Notification"));
-const notificationPage = () => {
-    const kavinNotification = {
-        id: 1,
-        title: "Send Proposal",
-        startDate: "2025-10-07T06:30:00.000Z",
-        dueDate: "2025-10-07T07:30:00.000Z",
-        // endDate: "2025-10-07T08:30:00.000Z",
-        description: "Test Deal for Tour",
-        type: "task",
-        host: "Kavin",
-    };
-    // Fixed past date above always renders the "overdue" (error) state — this one is due 20
-    // minutes from render time so the "due soon" (warning/orange) state is directly visible
-    // without needing to edit test data.
-    const dueSoonMeeting = {
-        id: 2,
-        title: "Team standup",
-        startDate: new Date().toISOString(),
-        dueDate: new Date(Date.now() + 20 * 60 * 1000).toISOString(),
-        description: "Daily sync",
-        type: "meeting",
-        host: "Jane Doe",
-    };
-    const handleClose = () => {
-        console.log("Notification closed");
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_1.Stack, { spacing: 4, children: [(0, jsx_runtime_1.jsx)(Notification_1.default, { notification: kavinNotification, onClose: handleClose, showStatus: true }), (0, jsx_runtime_1.jsx)(Notification_1.default, { notification: dueSoonMeeting, showStatus: true })] }));
-};
-exports.default = notificationPage;

package/dist/Pages/numberInput.d.ts

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

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

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

package/dist/Pages/numberInput.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 = require("react");
-const NumberInput_1 = __importDefault(require("../Components/NumberInput/NumberInput"));
-const NumberInputPage = () => {
-    const [numbetInputValue, setNumbetInputValue] = (0, react_1.useState)("0");
-    const handleNumberinput = (value) => {
-        setNumbetInputValue(value);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(NumberInput_1.default, { min: 0, max: 20, value: numbetInputValue, onChange: handleNumberinput }) }));
-};
-exports.default = NumberInputPage;

package/dist/Pages/orgSwitcher.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const OrgSwitcherPage: React.FC;
-export default OrgSwitcherPage;
-//# sourceMappingURL=orgSwitcher.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"orgSwitcher.d.ts","sourceRoot":"","sources":["../../src/Pages/orgSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuCxC,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EA+C5B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Pages/orgSwitcher.js

@@ -1,36 +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 react_2 = require("@chakra-ui/react");
-const OrgSwitcher_1 = __importDefault(require("../Components/OrgSwitcher/OrgSwitcher"));
-const useCustomTheme_1 = require("../Theme/useCustomTheme");
-const ORGS = [
-    { id: 1, name: "Pixelize Technologies", role: "Owner" },
-    { id: 2, name: "Norstella Pharma Solutions", role: "Admin" },
-    { id: 3, name: "Acme Corporation", role: "Sales Manager" },
-    { id: 4, name: "Globex International", role: "Member" },
-    { id: 5, name: "Initech Software Pvt Ltd", role: "Admin" },
-    { id: 6, name: "Umbrella Health Group", role: "Viewer" },
-    { id: 7, name: "Stark Industries", role: "Owner" },
-];
-const Section = ({ title, children, bg, }) => {
-    var _a, _b, _c, _d;
-    const theme = (0, useCustomTheme_1.useCustomTheme)();
-    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { mb: 8, p: 6, borderRadius: "16px", border: "1px solid", borderColor: (_b = (_a = theme.colors.boxborder) === null || _a === void 0 ? void 0 : _a[300]) !== null && _b !== void 0 ? _b : "#E2E8F0", bg: bg !== null && bg !== void 0 ? bg : theme.colors.background[50], children: [(0, jsx_runtime_1.jsx)(react_2.Heading, { size: "sm", mb: 4, color: (_d = (_c = theme.colors.text) === null || _c === void 0 ? void 0 : _c[900]) !== null && _d !== void 0 ? _d : "gray.700", children: title }), children] }));
-};
-const OrgSwitcherPage = () => {
-    const [org, setOrg] = (0, react_1.useState)(1);
-    const [loadingOrg, setLoadingOrg] = (0, react_1.useState)(2);
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const handleSwitch = (id) => {
-        setIsLoading(true);
-        setLoadingOrg(id);
-        setTimeout(() => setIsLoading(false), 1200);
-    };
-    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { maxW: "900px", mx: "auto", py: 4, children: [(0, jsx_runtime_1.jsx)(react_2.Heading, { size: "lg", mb: 6, children: "Org Switcher" }), (0, jsx_runtime_1.jsxs)(Section, { title: "Ghost trigger (navbar) \u2014 searchable, role subtitles, active check", children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { bg: "gray.50", p: 3, borderRadius: "10px", justify: "flex-start", children: (0, jsx_runtime_1.jsx)(OrgSwitcher_1.default, { organizations: ORGS, value: org, onChange: (id) => setOrg(id) }) }), (0, jsx_runtime_1.jsxs)(react_2.Text, { mt: 3, fontSize: "sm", color: "gray.500", children: ["Selected org id: ", (0, jsx_runtime_1.jsx)("b", { children: org })] })] }), (0, jsx_runtime_1.jsxs)(Section, { title: "Loading state (switching)", children: [(0, jsx_runtime_1.jsx)(OrgSwitcher_1.default, { organizations: ORGS, value: loadingOrg, onChange: handleSwitch, isLoading: isLoading }), (0, jsx_runtime_1.jsx)(react_2.Text, { mt: 3, fontSize: "sm", color: "gray.500", children: "Pick an org \u2192 simulates a 1.2s switch with inline spinner." })] }), (0, jsx_runtime_1.jsx)(Section, { title: "Variants & sizes", children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: 6, align: "center", wrap: "wrap", children: [(0, jsx_runtime_1.jsx)(OrgSwitcher_1.default, { organizations: ORGS.slice(0, 3), value: 1, onChange: () => { }, triggerVariant: "outline", size: "sm" }), (0, jsx_runtime_1.jsx)(OrgSwitcher_1.default, { organizations: ORGS.slice(0, 3), value: 2, onChange: () => { }, triggerVariant: "subtle", size: "md" }), (0, jsx_runtime_1.jsx)(OrgSwitcher_1.default, { organizations: ORGS.slice(0, 3), value: 3, onChange: () => { }, triggerVariant: "outline", size: "lg" })] }) })] }));
-};
-exports.default = OrgSwitcherPage;

package/dist/Pages/organizationDetails.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-declare const OrganizationDetailsPage: React.FC;
-export default OrganizationDetailsPage;
-//# sourceMappingURL=organizationDetails.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"organizationDetails.d.ts","sourceRoot":"","sources":["../../src/Pages/organizationDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2CxC,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAiCpC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/Pages/organizationDetails.js

@@ -1,64 +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 OrganizationDetails_1 = __importDefault(require("../Components/OrganizationDetails/OrganizationDetails"));
-const initialActive = [
-    {
-        orgId: 1,
-        company_name: "Pixelize HQ",
-        company_url: "pixelize.example.com",
-        default: 1,
-        uiInvite: 1,
-        defaultOrg: 1,
-    },
-    {
-        orgId: 2,
-        company_name: "Northwind Traders",
-        company_url: "northwind.example.com",
-        default: 0,
-        uiInvite: 1,
-        defaultOrg: 0,
-    },
-    {
-        orgId: 3,
-        company_name: "Globex Corporation",
-        company_url: "globex.example.com",
-        default: 0,
-        uiInvite: 1,
-        defaultOrg: 0,
-    },
-];
-const initialInvited = [
-    {
-        orgId: 4,
-        company_name: "Initech",
-        company_url: "initech.example.com",
-        default: 0,
-        uiInvite: 0,
-        defaultOrg: 0,
-    },
-];
-const OrganizationDetailsPage = () => {
-    const [active, setActive] = (0, react_1.useState)(initialActive);
-    const [invited, setInvited] = (0, react_1.useState)(initialInvited);
-    return ((0, jsx_runtime_1.jsx)(OrganizationDetails_1.default, { activeOrganizations: active, invitedOrganizations: invited, userName: "Mahesh", onSetDefault: (orgId) => {
-            console.log("[OrganizationDetailsPage] set default", orgId);
-            setActive((prev) => prev.map((o) => ({ ...o, default: o.orgId === orgId ? 1 : 0 })));
-        }, onAcceptInvite: (orgId) => {
-            console.log("[OrganizationDetailsPage] accept", orgId);
-            setInvited((prev) => prev.filter((o) => o.orgId !== orgId));
-        }, onDeclineInvite: (orgId) => {
-            console.log("[OrganizationDetailsPage] decline", orgId);
-            setInvited((prev) => prev.filter((o) => o.orgId !== orgId));
-        }, onDeleteOrganization: (orgId) => {
-            console.log("[OrganizationDetailsPage] delete", orgId);
-            setActive((prev) => prev.filter((o) => o.orgId !== orgId));
-        }, onCreateOrganization: (values) => {
-            console.log("[OrganizationDetailsPage] create", values);
-        }, onBack: () => console.log("[OrganizationDetailsPage] back") }));
-};
-exports.default = OrganizationDetailsPage;

package/dist/Pages/photoViewer.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"photoViewer.d.ts","sourceRoot":"","sources":["../../src/Pages/photoViewer.jsx"],"names":[],"mappings":";AAGA,wEAcC"}

package/dist/Pages/photoViewer.js

@@ -1,12 +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 ProfilePhotoViewer_1 = __importDefault(require("../Components/ProfilePhotoViewer/ProfilePhotoViewer"));
-const PhotoViewer = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ProfilePhotoViewer_1.default, { photoUrl: "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=", onPhotoChange: (file) => console.log(file), isEditable: true, isView: true, fallbackText: "" }) }));
-};
-exports.default = PhotoViewer;

package/dist/Pages/pinInputs.d.ts

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

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

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

package/dist/Pages/pinInputs.js

@@ -1,11 +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 PinInput_1 = __importDefault(require("../Components/PinInput/PinInput"));
-const PinInputPage = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(PinInput_1.default, { pins: 5, label: "Enter pin", color: "primary" }) }));
-};
-exports.default = PinInputPage;

package/dist/Pages/productCaard.d.ts

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

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

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