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

package/dist/Pages/productCaard.js

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

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

package/dist/Pages/productDetailCard.js

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

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

package/dist/Pages/productFilter.js

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

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

package/dist/Pages/progressbar.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 });
+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

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