pixelize-design-library 2.1.6 → 2.1.8

package/dist/Pages/kanbanboard.js

@@ -1,115 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var KanbanBoard_1 = __importDefault(require("../Components/KanbanBoard/KanbanBoard"));
-var initialData = {
-    acquired: {
-        id: "acquired",
-        title: "Acquired",
-        color: "#9A4FE5",
-        items: [
-            {
-                id: "1",
-                rating: "Acquired",
-                name: "1",
-                owner: "Mathew John and so",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Chennai",
-                status: "Pending",
-            },
-        ],
-    },
-    active: {
-        id: "requetsed",
-        title: "Requested",
-        color: "#4CAF50",
-        items: [
-            {
-                id: "2",
-                rating: "Acquired",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Bangalore",
-                status: "Completed",
-            },
-        ],
-    },
-    active2: {
-        id: "done",
-        title: "Done",
-        color: "#4CfF50",
-        items: [
-            {
-                id: "33",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
-    },
-    active3: {
-        id: "done",
-        title: "Done",
-        color: "#4CfF50",
-        items: [
-            {
-                id: "332",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
-    },
-    active4: {
-        id: "done",
-        title: "Done",
-        color: "#4CfF50",
-        items: [
-            {
-                id: "3322",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
-    },
-    active5: {
-        id: "done",
-        title: "Done",
-        color: "#4CfF50",
-        items: [
-            {
-                id: "332e2",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
-    },
-};
-var KanbanBoardExample = function () {
-    return (react_1.default.createElement(KanbanBoard_1.default, { data: initialData, onDelete: function (item) { return console.log("Delete", item); }, onOpen: function (item) { return console.log("Open", item); }, onDrag: function (updatedColumns) { return console.log("New State", updatedColumns); }, onColumnDelete: function (updatedColumns) { return console.log("New Del", updatedColumns); }, isLoading: false }));
-};
-exports.default = KanbanBoardExample;

package/dist/Pages/modal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const ModalPage: () => React.JSX.Element;
-export default ModalPage;

package/dist/Pages/modal.js

@@ -1,55 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
-var react_1 = __importStar(require("react"));
-var Modal_1 = __importStar(require("../Components/Modal/Modal"));
-var Button_1 = __importDefault(require("../Components/Button/Button"));
-var ModalPage = function () {
-    var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
-    var _b = (0, react_1.useState)(false), isModelLoading = _b[0], setIsModelLoading = _b[1];
-    (0, react_1.useEffect)(function () {
-        var timer = setTimeout(function () {
-            setIsModelLoading(false);
-        }, 5000);
-        // Cleanup the timer on component unmount
-        return function () { return clearTimeout(timer); };
-    }, []);
-    var handleOnclick2 = function () {
-        setIsOpen(true);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Button_1.default, { label: "ModelButton", onClick: handleOnclick2, width: 250, variant: "solid" }),
-        react_1.default.createElement(Modal_1.default, { isOpen: isOpen, onClose: function () { return setIsOpen(false); }, 
-            // overlaybg={"blackAlpha.300"}
-            // overlaybackdropFilter={"blur(10px) hue-rotate(90deg)"}
-            size: "sm", isCentered: true, isLoading: isModelLoading },
-            react_1.default.createElement(Modal_1.ModalHeader, null, "hai"),
-            react_1.default.createElement(Modal_1.ModalBody, null, "heelo"),
-            react_1.default.createElement(Modal_1.ModalFooter, null, "welcome"))));
-};
-exports.default = ModalPage;

package/dist/Pages/multiSelect.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const MultiSelectPage: () => React.JSX.Element;
-export default MultiSelectPage;

package/dist/Pages/multiSelect.js

@@ -1,45 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
-var react_1 = __importStar(require("react"));
-var MultiSelect_1 = __importDefault(require("../Components/MultiSelect/MultiSelect"));
-var MultiSelectPage = function () {
-    var _a = (0, react_1.useState)([
-        {
-            id: "1721664346718-1",
-            label: "Testing",
-        },
-    ]), selectedOptions = _a[0], setSelectedOptions = _a[1];
-    var handleValueSelectChange = function (options) {
-        setSelectedOptions(options);
-        console.log("Selected options updated:", options);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(MultiSelect_1.default, { value: selectedOptions, onValueChange: handleValueSelectChange })));
-};
-exports.default = MultiSelectPage;

package/dist/Pages/noteArea.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const NoteAreaPage: () => React.JSX.Element;
-export default NoteAreaPage;

package/dist/Pages/noteArea.js

@@ -1,49 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
-var react_1 = __importStar(require("react"));
-var NoteTextArea_1 = __importDefault(require("../Components/NoteTextArea/NoteTextArea"));
-var NoteAreaPage = function () {
-    var _a = (0, react_1.useState)(false), saveButtonLoading = _a[0], setSaveButtonLoading = _a[1];
-    var handleNoteValue = function (noteValue, titleValue, file) {
-        console.log("Title: ", titleValue);
-        console.log("Note: ", noteValue);
-        console.log("File: ", file);
-        setSaveButtonLoading(true);
-        setTimeout(function () {
-            setSaveButtonLoading(false);
-        }, 2000);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(NoteTextArea_1.default, { width: "720px", handleSubmit: function (noteValue, titleValue, file) {
-                handleNoteValue(noteValue, titleValue, file);
-            }, value: "text", title: "hello", isEditable: false, saveButtonLoading: saveButtonLoading, handleCancel: function (isActive) {
-                console.log("isActive", isActive);
-            } })));
-};
-exports.default = NoteAreaPage;

package/dist/Pages/numberInput.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const NumberInputPage: () => React.JSX.Element;
-export default NumberInputPage;

package/dist/Pages/numberInput.js

@@ -1,39 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
-var react_1 = __importStar(require("react"));
-var NumberInput_1 = __importDefault(require("../Components/NumberInput/NumberInput"));
-var NumberInputPage = function () {
-    var _a = (0, react_1.useState)("0"), numbetInputValue = _a[0], setNumbetInputValue = _a[1];
-    var handleNumberinput = function (value) {
-        setNumbetInputValue(value);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(NumberInput_1.default, { min: 0, max: 20, value: numbetInputValue, onChange: handleNumberinput })));
-};
-exports.default = NumberInputPage;

package/dist/Pages/photoViewer.d.ts

@@ -1,3 +0,0 @@
-export default PhotoViewer;
-declare function PhotoViewer(): React.JSX.Element;
-import React from "react";

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 });
-var react_1 = __importDefault(require("react"));
-var ProfilePhotoViewer_1 = __importDefault(require("../Components/ProfilePhotoViewer/ProfilePhotoViewer"));
-var PhotoViewer = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(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=" !== null && "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=" !== void 0 ? "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=" : "https://bit.ly/dan-abramov", onPhotoChange: function (file) { return console.log(file); }, isEditable: true, isView: true, fallbackText: "" })));
-};
-exports.default = PhotoViewer;

package/dist/Pages/pinInputs.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const PinInputPage: () => React.JSX.Element;
-export default PinInputPage;

package/dist/Pages/pinInputs.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 });
-var react_1 = __importDefault(require("react"));
-var PinInput_1 = __importDefault(require("../Components/PinInput/PinInput"));
-var PinInputPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(PinInput_1.default, { pins: 5, label: "Enter pin" })));
-};
-exports.default = PinInputPage;

package/dist/Pages/productCaard.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const productCaard: () => React.JSX.Element;
-export default productCaard;

package/dist/Pages/productCaard.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ProductCard_1 = __importDefault(require("../Components/ProductCard/ProductCard"));
-var react_2 = require("@chakra-ui/react");
-var productCaard = function () {
-    var option = [{
-            label: "100 G",
-            weight: 100,
-            price: 149,
-            offer: 2,
-        },
-        {
-            label: "200 G",
-            weight: 200,
-            price: 250,
-            offer: 50,
-        }
-    ];
-    return (react_1.default.createElement(react_2.SimpleGrid, { columns: [1, 2, 3], spacing: 6, p: 4 },
-        react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
-                visibile: "https://www.sreeannapoorna.com/cdn/shop/files/80A4644.jpg?v=1752466892&width=1946",
-                hover: "https://www.sreeannapoorna.com/cdn/shop/files/80A4658.jpg?v=1752466430&width=1946",
-            }, tags: ['Melt in Mouth', 'Authentic Taste', 'No Preservatives'], rating: 4.76, reviews: 596, options: option, onAddToCart: function () { }, onClick: function () { }, bag: {
-                label: "Special",
-                color: "red",
-            } })));
-};
-exports.default = productCaard;

package/dist/Pages/progressbar.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const ProgressbarPage: () => React.JSX.Element;
-export default ProgressbarPage;

package/dist/Pages/progressbar.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 });
-var react_1 = __importDefault(require("react"));
-var ProgressBar_1 = __importDefault(require("../Components/ProgressBar/ProgressBar"));
-var ProgressbarPage = function () {
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(ProgressBar_1.default, { min: 10, max: 0, isIndeterminate: true, size: "xs" })));
-};
-exports.default = ProgressbarPage;

package/dist/Pages/radioButton.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const RadioButtonPage: () => React.JSX.Element;
-export default RadioButtonPage;

package/dist/Pages/radioButton.js

@@ -1,44 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var RadioButton_1 = require("../Components/RadioButton/RadioButton");
-var RadioButtonPage = function () {
-    var _a = (0, react_1.useState)("1"), selectedValue = _a[0], setSelectedValue = _a[1];
-    var radioOptions = [
-        { label: "Option 1", id: "1" },
-        { label: "Option 2", id: "2" },
-        { label: "Option 3", id: "3" },
-    ];
-    var handleChange = function (value) {
-        setSelectedValue(value);
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(RadioButton_1.RadioButton, { label: "dinesh" }),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(RadioButton_1.RadioButtonGroup, { options: radioOptions, value: selectedValue, onChange: handleChange, colorScheme: "blue", size: "md" })));
-};
-exports.default = RadioButtonPage;

package/dist/Pages/search.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const SearchPage: () => React.JSX.Element;
-export default SearchPage;

package/dist/Pages/search.js

@@ -1,44 +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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __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 });
-var react_1 = __importStar(require("react"));
-var Search_1 = __importDefault(require("../Components/Search/Search"));
-var SearchPage = function () {
-    var _a = (0, react_1.useState)(""), searchQuery = _a[0], setSearchQuery = _a[1];
-    var handleSearch = function (event) {
-        console.log("Search query:", event.target.value);
-        setSearchQuery(event.target.value);
-    };
-    var handleRemoveSearch = function () {
-        console.log("Search query removed");
-        setSearchQuery("");
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Search_1.default, { onSearch: handleSearch, onclose: handleRemoveSearch, query: searchQuery })));
-};
-exports.default = SearchPage;

package/dist/Pages/searchSelect.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const SearchSelect: () => React.JSX.Element;
-export default SearchSelect;