pixelize-design-library 2.4.1-beta.11 → 2.4.1-beta.13

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

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

package/dist/Pages/contactForm.js

@@ -0,0 +1,15 @@
+"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 ContactForm_1 = __importDefault(require("../Components/ContactForm/ContactForm"));
+const contactForm = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ContactForm_1.default, { apiKey: "https://dev.api.pixelizetech.com/api/mks/sendSweet/", 
+            //  customFields={<>Product kjdhfkljh</>}
+            getCustomValues: () => ({
+            //  product: "empty",
+            }), customerId: 1, organizationId: 1 }) }));
+};
+exports.default = contactForm;

package/dist/Pages/customModulesTable.d.ts

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

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

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

package/dist/Pages/customModulesTable.js

@@ -0,0 +1,25 @@
+"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 CustomModulesTable_1 = __importDefault(require("../Components/CustomModulesTable/CustomModulesTable"));
+const initialModules = [
+    { module_id: 1, moduleName: "Projects", ownerLabel: "Aisha Khan" },
+    { module_id: 2, moduleName: "Invoices", ownerLabel: "Marcus Reed" },
+    { module_id: 3, moduleName: "Support Tickets", ownerLabel: "Lena Fischer" },
+];
+const CustomModulesTablePage = () => {
+    const [modules, setModules] = (0, react_1.useState)(initialModules);
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { maxW: "720px", children: (0, jsx_runtime_1.jsx)(CustomModulesTable_1.default, { modules: modules, onUpdateModule: ({ moduleId, moduleName }) => {
+                console.log("[CustomModulesTablePage] update", moduleId, moduleName);
+                setModules((prev) => prev.map((m) => m.module_id === moduleId ? { ...m, moduleName } : m));
+            }, onDeleteModule: (moduleId) => {
+                console.log("[CustomModulesTablePage] delete", moduleId);
+                setModules((prev) => prev.filter((m) => m.module_id !== moduleId));
+            } }) }));
+};
+exports.default = CustomModulesTablePage;

package/dist/Pages/datePick.d.ts

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

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

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

package/dist/Pages/datePick.js

@@ -0,0 +1,49 @@
+"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");
+// import DatePicker from "../Components/DatePicker/DatePicker";
+const ThemeDatePicker_1 = __importDefault(require("../Components/DatePicker/ThemeDatePicker"));
+const DatePick = () => {
+    const [selectedDate, setSelectedDate] = (0, react_1.useState)();
+    // const [selectedDateTheme, setSelectedDateTheme] = useState<Date | null>();
+    const [selectedTime, setSelectedTime] = (0, react_1.useState)(null);
+    const [selectedDateTime, setSelectedDateTime] = (0, react_1.useState)(() => {
+        const now = new Date();
+        now.setHours(now.getHours() + 1);
+        return now;
+    });
+    const [selectedDateRange, setSelectedDateRange] = (0, react_1.useState)(null);
+    // const handleDateChange = (value: Date | null) => {
+    //   setSelectedDate(value);
+    //   console.log("Date selected:", value);
+    // };
+    // const handleTimeChange = (value: Date | null) => {
+    //   setSelectedTime(value);
+    //   console.log("Time selected:", value);
+    // };
+    // const handleDateTimeChange = (value: Date | null) => {
+    //   setSelectedDateTime(value);
+    //   console.log("DateTime selected:", value);
+    // };
+    const handleDateRangeChange = (value) => {
+        if (value && "from" in value && "to" in value) {
+            setSelectedDateRange(value);
+            console.log("Date range selected:", value.from, value.to);
+        }
+        else {
+            setSelectedDateRange(null);
+            console.log("Date range cleared");
+        }
+    };
+    console.log("Selected DateTime:", selectedDateTime);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Single Date Picker" }), (0, jsx_runtime_1.jsx)("h2", { children: "Date " }), (0, jsx_runtime_1.jsx)("h2", { children: "Theme Date Picker" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedDate, onChange: setSelectedDate, dateFormat: "dd/MM/yyyy", pickerType: "date", label: "Select Date", 
+                // disableFutureDates
+                disablePastDates: true, 
+                // disableToday
+                width: "300px", size: "xs" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedDateTime, onChange: setSelectedDateTime, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "datetime", label: "Select Date & Time", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid date", size: "sm" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { isRange: true, selectedDate: selectedDateRange, onChange: handleDateRangeChange, dateFormat: "dd/MM/yyyy hh:mm a", pickerType: "date", label: "Select Date Range" }), (0, jsx_runtime_1.jsx)(ThemeDatePicker_1.default, { selectedDate: selectedTime, onChange: setSelectedTime, dateFormat: "hh:mm a", pickerType: "time", label: "SelectTime", disablePastDates: true, isRequired: true, error: true, errorMessage: "Invalid time", informationMessage: "hh", isInformation: true, size: "md" })] }));
+};
+exports.default = DatePick;

package/dist/Pages/drawer.d.ts

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

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

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

package/dist/Pages/drawer.js

@@ -0,0 +1,53 @@
+"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 Button_1 = __importDefault(require("../Components/Button/Button"));
+const Drawer_1 = __importStar(require("../Components/Drawer/Drawer"));
+const DrawerPage = () => {
+    const [drawerOpen, setDrawerOpen] = (0, react_1.useState)(false);
+    const handleOnclick3 = () => {
+        setDrawerOpen(true);
+    };
+    const handleOnclick4 = () => {
+        setDrawerOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.default, { label: "DrawerButton", onClick: handleOnclick3, width: 250, variant: "solid" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(Drawer_1.default, { isOpen: drawerOpen, onClose: handleOnclick4, size: "xl", children: [(0, jsx_runtime_1.jsx)(Drawer_1.DrawerHeader, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(Drawer_1.DrawerBody, { children: "Drawer Body" }), (0, jsx_runtime_1.jsx)(Drawer_1.DrawerFooter, { children: "Drawer Footer" })] })] }));
+};
+exports.default = DrawerPage;

package/dist/Pages/dropdown.d.ts

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

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

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

package/dist/Pages/dropdown.js

@@ -0,0 +1,21 @@
+"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 DropDown_1 = __importDefault(require("../Components/Dropdown/DropDown"));
+const lucide_react_1 = require("lucide-react");
+const DropdownPage = () => {
+    const exportOptionss = [
+        { id: 1, label: "Upload file", image: lucide_react_1.FileText },
+        { id: 2, label: "Documents", image: lucide_react_1.ChevronUp },
+        { id: 3, label: "CRM workDrive", image: lucide_react_1.ChevronUp },
+        { id: 4, label: "Other Cloud Drives", image: lucide_react_1.ChevronUp },
+        { id: 5, label: "Link(URL)", image: lucide_react_1.ChevronUp },
+    ];
+    const onSelect = (id, label) => console.log("optionid", id, label);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "flex-start", gap: 6, flexWrap: "wrap", children: [["xs", "sm", "md", "lg", "xl"].map((size) => ((0, jsx_runtime_1.jsx)(DropDown_1.default, { ButtonText: `Size ${size}`, size: size, options: exportOptionss, DropdownIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.FileText, { size: 16 }), dropdownType: "button", handleOptionSelect: onSelect, divider: true }, size))), (0, jsx_runtime_1.jsx)(DropDown_1.default, { text: "More", size: "md", options: exportOptionss, DropdownIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.Ellipsis, { size: 18 }), dropdownType: "text", handleOptionSelect: onSelect })] }));
+};
+exports.default = DropdownPage;

package/dist/Pages/editor.d.ts

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

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

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

package/dist/Pages/editor.js

@@ -0,0 +1,13 @@
+"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 Editor_1 = __importDefault(require("../Components/Editor/Editor"));
+const EditorPage = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Editor_1.default, { value: "heeeeejhbjhvbjhvbhj jbhkjhbiubviu iuhiuhiuhiu", config: { readonly: false, width: "900px" }, onChange: () => {
+                //console.log(val);
+            } }) }));
+};
+exports.default = EditorPage;

package/dist/Pages/feedback.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../src/Pages/feedback.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CASnC"}

package/dist/Pages/feedback.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FeedbackPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const FeedbackForm_1 = __importDefault(require("../Components/FeedbackForm/FeedbackForm"));
+function FeedbackPage() {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Container, { maxW: "4xl", py: 8, children: [(0, jsx_runtime_1.jsx)(react_1.Heading, { size: "lg", mb: 6, children: "Feedback Form" }), (0, jsx_runtime_1.jsx)(react_1.Box, { bg: "white", p: 6, borderRadius: "md", boxShadow: "sm", children: (0, jsx_runtime_1.jsx)(FeedbackForm_1.default, { submitUrl: "/api/crm/feedback" }) })] }));
+}

package/dist/Pages/fileUpload.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"fileUpload.d.ts","sourceRoot":"","sources":["../../src/Pages/fileUpload.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,+CAgDxB,CAAC"}

package/dist/Pages/fileUpload.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileUploader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Reorder_1 = __importDefault(require("../Components/Reorder/Reorder"));
+const FileUploader_1 = __importDefault(require("../Components/FileUploader/FileUploader"));
+const FileUpload_1 = __importDefault(require("../Components/FileUpload/FileUpload"));
+const imageList = [
+    { id: "1", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
+    { id: "2", previewUrl: "https://picsum.photos/id/1012/100", name: "Image 2" },
+    { id: "3", previewUrl: "https://picsum.photos/id/1013/100", name: "Image 3" },
+    { id: "4", previewUrl: "https://picsum.photos/id/1011/100", name: "Image 1" },
+];
+const FileUploader = () => {
+    const [file, setFile] = (0, react_1.useState)([]);
+    const [list, setList] = (0, react_1.useState)(imageList);
+    const handleFiles = (files) => {
+        setFile(files);
+        const uploadedImages = files.map((f, i) => ({
+            id: `${i + 11}`,
+            name: f.name,
+            previewUrl: URL.createObjectURL(f),
+        }));
+        setList([...imageList, ...uploadedImages]);
+    };
+    const handleFilesChange = (files) => {
+        console.log('Uploaded files:', files);
+        // Handle the uploaded files here
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FileUpload_1.default, { onFilesUploaded: (files) => handleFiles(files), uploadedFiles: file, onRemoveFile: (file) => console.log("SDFSDf", file), acceptTypes: [".webp", ".pdf", ".zip"], maxSizeKB: 512 }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Reorder_1.default, { items: list, onReorder: (files) => setList(files), label: "Reorder" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(FileUploader_1.default, { maxFiles: 10, maxTotalSize: 20, onFilesChange: handleFilesChange, acceptTypes: ["jpeg", "jpg", "png"] })] }));
+};
+exports.FileUploader = FileUploader;

package/dist/Pages/input.d.ts

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

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

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

package/dist/Pages/input.js

@@ -0,0 +1,48 @@
+"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 TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
+const PhoneNumberInput_1 = __importDefault(require("../Components/Input/PhoneNumberInput"));
+const InputSwitch_1 = require("../Components/Input/Switch/InputSwitch");
+const lucide_react_1 = require("lucide-react");
+const InputPage = () => {
+    const [countries, setCountries] = (0, react_1.useState)([]);
+    const [switchState, setSwitchState] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        fetch("https://dev.api.pixelizetech.com/account/api/allCountries")
+            .then((res) => res.json())
+            .then((data) => {
+            setCountries(data);
+        })
+            .catch((err) => console.error("Error fetching countries:", err));
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { width: "500px" }, children: [(0, jsx_runtime_1.jsx)(TextInput_1.default, { label: "My Label", id: "input1", name: "hello", 
+                //helperText="Hello"
+                //errorMessage="Required"
+                // error={true}
+                type: "email", 
+                // border={"0px solid"}
+                // padding={"0px"}
+                // inputStyle={{ border: "0px solid", padding: "0px" }}
+                // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
+                // error={true}
+                // errorMessage="Required"
+                onChange: (e) => {
+                    console.log(e.target.files);
+                }, onKeyDown: () => {
+                    console.log("keydown");
+                }, onBlur: () => {
+                    console.log("blur");
+                }, 
+                // helperText="sometibg"
+                isRequired: true, informationMessage: "This is information", isInformation: true, 
+                // isDisabled
+                minW: "200px", maxW: "300px", inputLeftIcon: (0, jsx_runtime_1.jsx)(lucide_react_1.Mail, {}) }, "input1"), (0, jsx_runtime_1.jsx)(PhoneNumberInput_1.default, { label: "Phone", id: "input1", name: "hello", country: "IN", value: "", codeValueReturn: false, countries: countries, onChange: (val) => {
+                    console.log(val, "hello");
+                }, isRequired: true, informationMessage: "This is information", isInformation: true, error: true, errorMessage: "Required", showCountrySelect: true, minW: "200px", maxW: "300px" }), (0, jsx_runtime_1.jsx)(InputSwitch_1.InputSwitch, { id: "repeat-switch", isChecked: switchState, onChange: (e) => setSwitchState(e.target.checked), switchText: "Repeat", switchTextPosition: "right", label: "My Switch", isInformation: true, informationMessage: "This is information", isRequired: true, size: "md" })] }));
+};
+exports.default = InputPage;

package/dist/Pages/kanbanboard.d.ts

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

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

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

package/dist/Pages/kanbanboard.js

@@ -0,0 +1,182 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,61 @@
+"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

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

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

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