pixelize-design-library 2.3.1-beta.1 → 2.3.1-beta.2

package/dist/Pages/productCaard.js

@@ -1,311 +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 Products = [
-        {
-            "productId": 12,
-            "label": "hello",
-            "description": "hh",
-            "batch": {
-                "color": "red",
-                "label": "nh"
-            },
-            "tags": [],
-            "rating": 1,
-            "reviews": 0,
-            "images": [
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                    "imageId": 9,
-                    "order": 4,
-                    "isImage": true
-                },
-                // {
-                //   "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376124/main_sweets/1763376123548-Mothichoor%20%281%29.jpg",
-                //   "imageId": 10,
-                //   "order": 5
-                // }
-            ],
-            "options": [
-                {
-                    "var_id": 6,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 800,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 2
-                },
-                // {
-                //   "var_id": 7,
-                //   "unit": 2,
-                //   "label": "hho",
-                //   "offer": 5,
-                //   "price": 600,
-                //   "weight": 200,
-                //   "offerPrice": "475",
-                //   "stocks": 5
-                // },
-                // {
-                //   "var_id": 8,
-                //   "unit": 2,
-                //   "label": "hho",
-                //   "offer": 5,
-                //   "price": 400,
-                //   "weight": 200,
-                //   "offerPrice": "475",
-                //   "stocks": 5
-                // },
-            ]
-        },
-        {
-            "productId": 13,
-            "label": "hellovideo",
-            "description": "hh",
-            "batch": {
-                "color": "red",
-                "label": "nh"
-            },
-            "tags": [
-                "hwnjncdsncidjncsdncsjncjnvjnvjsnvjnsdvkjnsdvkjnsdvkjnsdvkjn", "jbjkbjbj"
-            ],
-            "rating": 2,
-            "reviews": 0,
-            "images": [
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                    "imageId": 9,
-                    "order": 4,
-                    "isImage": true
-                }, {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376124/main_sweets/1763376123548-Mothichoor%20%281%29.jpg",
-                    "imageId": 10,
-                    "order": 5,
-                    "isImage": false
-                }
-            ],
-            "options": [
-                {
-                    "var_id": 6,
-                    "unit": 2,
-                    "label": "hhhgbjhbjhbjhbkjbkjnkjnkjbkjbkjbkjbjhvjhvbjhvjhvjhvjhvo",
-                    "offer": 5,
-                    "price": 800,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 2
-                },
-                {
-                    "var_id": 7,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 600,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-                {
-                    "var_id": 8,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 400,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-            ]
-        },
-        {
-            "productId": 14,
-            "label": "hello",
-            "description": "hh",
-            "batch": {
-                "color": "red",
-                "label": "nh"
-            },
-            "tags": [
-                "hw", "new"
-            ],
-            "rating": 3,
-            "reviews": 0,
-            "images": [
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                    "imageId": 9,
-                    "order": 4,
-                    "isImage": true
-                }, {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376124/main_sweets/1763376123548-Mothichoor%20%281%29.jpg",
-                    "imageId": 10,
-                    "order": 5,
-                    "isImage": true
-                }
-            ],
-            "options": [
-                {
-                    "var_id": 6,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 800,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 2
-                },
-                {
-                    "var_id": 7,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 600,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-                {
-                    "var_id": 8,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 400,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-            ]
-        },
-        {
-            "productId": 15,
-            "label": "hello",
-            "description": "hh",
-            "batch": {
-                "color": "red",
-                "label": "nh"
-            },
-            "tags": [
-                "hw", "new", "featured"
-            ],
-            "rating": 4.5,
-            "reviews": 120,
-            "images": [
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376124/main_sweets/1763376123548-Mothichoor%20%281%29.jpg",
-                    "imageId": 11,
-                    "order": 4,
-                    "isImage": true
-                },
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                    "imageId": 12,
-                    "order": 5,
-                    "isImage": true
-                }
-            ],
-            "options": [
-                {
-                    "var_id": 9,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 900,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-                {
-                    "var_id": 10,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 700,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 4
-                },
-                {
-                    "var_id": 11,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 200,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 0
-                },
-            ]
-        },
-        {
-            "productId": 16,
-            "label": "hello",
-            "description": "hh",
-            "batch": {
-                "color": "red",
-                "label": "nh"
-            },
-            "tags": [
-                "hw", "new", "featured", "popular"
-            ],
-            "rating": 4,
-            "reviews": 120,
-            "images": [
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376124/main_sweets/1763376123548-Mothichoor%20%281%29.jpg",
-                    "imageId": 11,
-                    "order": 4,
-                    "isImage": true
-                },
-                {
-                    "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                    "imageId": 12,
-                    "order": 5,
-                    "isImage": true
-                }
-            ],
-            "options": [
-                {
-                    "var_id": 9,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 900,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 5
-                },
-                {
-                    "var_id": 10,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 700,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 4
-                },
-                {
-                    "var_id": 11,
-                    "unit": 2,
-                    "label": "hho",
-                    "offer": 5,
-                    "price": 200,
-                    "weight": 200,
-                    "offerPrice": "475",
-                    "stocks": 0
-                },
-            ]
-        }
-    ];
-    return (react_1.default.createElement(react_2.SimpleGrid, { columns: { base: 2, md: 3, lg: 4 }, spacing: 6 }, Products.map(function (product) { return (react_1.default.createElement(ProductCard_1.default, { key: product.productId, id: product.productId, label: product.label, productImage: product.images, description: product.description, options: product.options, batch: product.batch, tags: product.tags, rating: product.rating, reviews: product.reviews, addToCart: true, 
-        // isQtyEditable={true}
-        displayRating: false, onAddToCart: function (id, var_id, qty) { return console.log('Add to cart:', id, var_id, qty); }, onNotifyMe: function (id, var_id) { return console.log('notify', id, var_id); } })); })));
-};
-exports.default = productCaard;

package/dist/Pages/productDetailCard.d.ts

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

package/dist/Pages/productDetailCard.js

@@ -1,78 +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 ProductDetails_1 = __importDefault(require("../Components/ProductDetails/ProductDetails"));
-var ProductDetailCard = function () {
-    var Product = {
-        "productId": 12,
-        "label": "hello",
-        "description": "Prepared using time-honored recipes, our Traditional Laddu – Special is made with carefully selected ingredients, slow-roasted to perfection and blended with pure ghee. Each laddu is hand-crafted to deliver rich aroma, authentic taste, and melt-in-the-mouth texture. Free from artificial colors and preservatives, this special laddu reflects the true essence of traditional Indian sweets, perfect for festivals, celebrations, and gifting.",
-        "category": "sweets",
-        "batch": {
-            "color": "red",
-            "label": "normal"
-        },
-        "tags": [
-            "hw"
-        ],
-        "images": [
-            {
-                "imageUrl": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg",
-                "imageId": 9,
-                "order": 4,
-                "isImage": true
-            },
-            {
-                "imageUrl": "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",
-                "imageId": 10,
-                "order": 5,
-                "isImage": false,
-                "thumb": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg"
-            },
-            {
-                "imageUrl": "https://www.youtube.com/watch?v=xp2by5790OE",
-                "imageId": 11,
-                "order": 52,
-                "isImage": false,
-                // "thumb": "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1763376123/main_sweets/1763376123173-Motichoorladdu.jpg"
-            }
-        ],
-        "options": [
-            {
-                "var_id": 6,
-                "unit": 2,
-                "label": "hho",
-                "offer": 5,
-                "price": 800,
-                "weight": 200,
-                "offerPrice": "475",
-                "stocks": 2
-            },
-            {
-                "var_id": 7,
-                "unit": 2,
-                "label": "hho",
-                "offer": 5,
-                "price": 600,
-                "weight": 200,
-                "offerPrice": "475",
-                "stocks": 5
-            },
-            {
-                "var_id": 8,
-                "unit": 2,
-                "label": "hho",
-                "offer": 5,
-                "price": 400,
-                "weight": 200,
-                "offerPrice": "475",
-                "stocks": 0
-            },
-        ]
-    };
-    return (react_1.default.createElement(ProductDetails_1.default, { id: Product.productId, price: Product === null || Product === void 0 ? void 0 : Product.options, label: Product === null || Product === void 0 ? void 0 : Product.label, shortdesc: Product === null || Product === void 0 ? void 0 : Product.description, tags: Product === null || Product === void 0 ? void 0 : Product.tags, rating: 4.5, reviews: 120, displayRating: false, images: Product === null || Product === void 0 ? void 0 : Product.images, batch: Product === null || Product === void 0 ? void 0 : Product.batch, category: Product === null || Product === void 0 ? void 0 : Product.category, addToCart: true, notifyMe: true, onAddToCart: function (id, var_id, qty) { return console.log('detail add', id, var_id, qty); }, onNotifyMe: function (id, var_id) { return console.log('detail notify', id, var_id); } }));
-};
-exports.default = ProductDetailCard;

package/dist/Pages/productFilter.d.ts

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

package/dist/Pages/productFilter.js

@@ -1,202 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var ProductCard_1 = __importDefault(require("../Components/ProductCard/ProductCard"));
-var FilterSidebar_1 = __importDefault(require("../Components/FilterSidebar/FilterSidebar"));
-var Button_1 = __importDefault(require("../Components/Button/Button"));
-var lucide_react_1 = require("lucide-react");
-var ProductFilterPage = function () {
-    var _a = (0, react_1.useState)({}), filters = _a[0], setFilters = _a[1];
-    var sections = [
-        {
-            id: "features",
-            label: "Features bjhgjgkjgkjkjkj",
-            initiallyExpanded: true,
-            options: [
-                { id: "eggless", label: "Eggless" },
-                { id: "sugar_free", label: "Sugar Free" },
-                { id: "freshly_made", label: "Freshly Made" },
-                { id: "gift_pack", label: "Gift Pack" },
-            ],
-        },
-        {
-            id: "brand",
-            label: "Category",
-            searchable: true,
-            checkboxes: true,
-            initiallyExpanded: true,
-            options: [
-                { id: "sweets", label: "Sweets" },
-                { id: "cakes", label: "Cakes" },
-                { id: "bakery", label: "Bakery" },
-            ],
-        },
-        {
-            id: "hairType",
-            label: "Type of Sweet",
-            radio: true,
-            initiallyExpanded: true,
-            options: [
-                { id: "milk_based", label: "Milk Based" },
-                { id: "ghee", label: "Ghee" },
-                { id: "dry_fruits", label: "Dry Fruits" },
-            ],
-        },
-        {
-            id: "availability",
-            label: "Availability",
-            initiallyExpanded: true,
-            options: [
-                { id: "in_stock", label: "In Stock" },
-                { id: "out_of_stock", label: "Out of Stock" },
-            ],
-        },
-        {
-            id: "price",
-            label: "Price",
-            range: { min: 0, max: 1000, step: 100, values: [0, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000], unit: "₹" },
-            initiallyExpanded: true,
-        },
-        {
-            id: "rating",
-            label: "Customer Reviews",
-            radio: true,
-            initiallyExpanded: true,
-            options: [
-                { id: "4", label: "4" },
-                { id: "3", label: "3" },
-                { id: "2", label: "2" },
-                { id: "1", label: "1" },
-            ],
-        },
-    ];
-    // eslint-disable-next-line
-    var products = [
-        {
-            id: 1,
-            label: "Mysore Pak",
-            description: "Classic ghee-rich sweet",
-            productImage: [{ imageUrl: "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1768976723/main_sweets/1768976723212-4J7A2875.jpg", imageId: 1, order: 1 }],
-            tags: ["ghee", "sweets", "freshly_made", "muthu_kavitha"],
-            rating: 4.7,
-            reviews: 1200,
-            options: [{ var_id: 11, label: "Default", price: 250, offer: 10, weight: 200, stocks: 12 }],
-            avalabilitys: true,
-            addToCart: true,
-            batch: { color: "red", label: "Classic " }
-        },
-        {
-            id: 2,
-            label: "Laddu Assortment",
-            description: "Dry fruit laddus",
-            productImage: [{ imageUrl: "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1768976340/main_sweets/1768976340242-4J7A3163%20%281%29.webp", imageId: 2, order: 1 }],
-            tags: ["dry_fruits", "sweets", "gift_pack", "signature"],
-            rating: 4.5,
-            reviews: 800,
-            options: [{ var_id: 21, label: "Default", price: 450, offer: 5, weight: 300, stocks: 5 }],
-            avalabilitys: true,
-            addToCart: true,
-            batch: { color: "red", label: "Classic " }
-        },
-        {
-            id: 3,
-            label: "Eggless Black Forest Cake",
-            description: "Chocolate sponge with cherries",
-            productImage: [{ imageUrl: "https://res.cloudinary.com/dcpnzaqtu/image/upload/v1768987701/main_sweets/1768987700430-Ellu-laddu.jpg", imageId: 3, order: 1 }],
-            tags: ["eggless", "milk_based", "cakes", "chef_special"],
-            rating: 4.6,
-            reviews: 1500,
-            options: [{ var_id: 31, label: "Default", price: 699, offer: 0, weight: 500, stocks: 3 }],
-            avalabilitys: true,
-            addToCart: true,
-            batch: { color: "red", label: "Classic " }
-        },
-    ];
-    var asArray = function (v) { return (Array.isArray(v) ? v : v ? [v] : []); };
-    var filteredProducts = (0, react_1.useMemo)(function () {
-        return products.filter(function (p) {
-            var _a;
-            var availOk = asArray(filters.availability).length === 0 ||
-                asArray(filters.availability).includes(p.avalabilitys ? "in_stock" : "out_of_stock");
-            var featureOk = asArray(filters.features).length === 0 || (p.tags || []).some(function (t) { return asArray(filters.features).includes(t); });
-            var hairOk = asArray(filters.hairType).length === 0 || (p.tags || []).some(function (t) { return asArray(filters.hairType).includes(t); });
-            var brandOk = asArray(filters.brand).length === 0 || (p.tags || []).some(function (t) { return asArray(filters.brand).includes(t); });
-            var minRatingStr = asArray(filters.rating)[0];
-            var minRating = minRatingStr ? Number(minRatingStr) : undefined;
-            var numericRating = typeof p.rating === "number" ? p.rating : Number((_a = p.rating) !== null && _a !== void 0 ? _a : 0);
-            var ratingOk = minRating === undefined ? true : numericRating >= minRating;
-            var priceRange = filters.price;
-            var priceOk = !priceRange || priceRange.length !== 2
-                ? true
-                : (p.options && p.options.length ? p.options[0].price >= priceRange[0] && p.options[0].price <= priceRange[1] : true);
-            return availOk && featureOk && hairOk && brandOk && ratingOk && priceOk;
-        });
-    }, [filters, products]);
-    var handleFilterChange = function (newFilters) {
-        console.log(newFilters);
-        setFilters(newFilters);
-    };
-    return (react_1.default.createElement(react_2.Box, { p: 4 },
-        react_1.default.createElement(react_2.Flex, { gap: 6, align: "start" },
-            react_1.default.createElement(Button_1.default, { size: "xs", variant: "outline", leftIcon: react_1.default.createElement(lucide_react_1.X, { size: 12 }), onClick: function () { return setFilters({}); } }, "Clear All"),
-            react_1.default.createElement(react_2.Box, { flexShrink: 0 },
-                react_1.default.createElement(FilterSidebar_1.default, { sidebarOptions: sections, selected: filters, onChange: handleFilterChange, width: 180, containerPadding: 4, panelPadding: 2, 
-                    // variant="cards"
-                    clearAllButton: true, onClearAllHandler: function () { return setFilters({}); } })),
-            react_1.default.createElement(react_2.Box, { flex: "1" },
-                react_1.default.createElement(react_2.Text, { fontSize: "xl", fontWeight: "bold", mb: 4 },
-                    "Products (",
-                    filteredProducts.length,
-                    ")"),
-                filteredProducts.length > 0 ? (react_1.default.createElement(react_2.SimpleGrid, { columns: { base: 1, md: 2, lg: 3 }, spacing: 6 }, filteredProducts.map(function (product) { return (react_1.default.createElement(ProductCard_1.default, __assign({ key: product.id }, product, { onAddToCart: function (id, var_id, qty) { return console.log('Add to cart:', id, var_id, qty); } }))); }))) : (react_1.default.createElement(react_2.Box, { p: 8, textAlign: "center", border: "1px dashed", borderColor: "gray.300", borderRadius: "md" },
-                    react_1.default.createElement(react_2.Text, { color: "gray.500" }, "No products match your selection.")))))));
-};
-exports.default = ProductFilterPage;

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;