pixelize-design-library 2.2.85 → 2.2.87

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/Components/Header/components/mobileMenu.js +26 -9
  2. package/dist/Components/ProductCard/ProductCard.d.ts +1 -1
  3. package/dist/Components/ProductCard/ProductCard.js +9 -9
  4. package/dist/Components/ProductCard/ProductCardProps.d.ts +1 -0
  5. package/dist/Components/ProductCard/ProductPrice.d.ts +2 -1
  6. package/dist/Components/ProductCard/ProductPrice.js +10 -8
  7. package/dist/Components/ProductDetails/ProductDetails.d.ts +1 -1
  8. package/dist/Components/ProductDetails/ProductDetails.js +4 -4
  9. package/dist/Components/ProductDetails/ProductDetailsProps.d.ts +1 -0
  10. package/dist/Components/ProductDetails/ProductDtlPrice.js +0 -1
  11. package/dist/Components/Slider/Slider.js +1 -0
  12. package/dist/index.d.ts +2 -1
  13. package/dist/index.js +3 -1
  14. package/package.json +1 -1
package/dist/Components/Header/components/mobileMenu.js CHANGED
@@ -5,24 +5,41 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var react_1 = require("@chakra-ui/react");
7
7
  var react_2 = __importDefault(require("react"));
8
+ var lucide_react_1 = require("lucide-react");
8
9
  var MobileMenu = function (_a) {
9
10
  var menuItems = _a.menuItems, isOpen = _a.isOpen, isActive = _a.isActive, hoverBg = _a.hoverBg, activeBg = _a.activeBg, color = _a.color, rightSlot = _a.rightSlot, onClose = _a.onClose;
11
+ var _b = react_2.default.useState(null), openMenuLabel = _b[0], setOpenMenuLabel = _b[1];
12
+ react_2.default.useEffect(function () {
13
+ if (!isOpen)
14
+ setOpenMenuLabel(null);
15
+ }, [isOpen]);
10
16
  return (react_2.default.createElement(react_1.Collapse, { in: isOpen, animateOpacity: true },
11
17
  react_2.default.createElement(react_1.Box, { pb: 4, display: { md: "none" } },
12
18
  react_2.default.createElement(react_1.Stack, { spacing: 4 },
13
19
  menuItems.map(function (item) {
14
20
  var _a, _b, _c, _d, _e;
15
21
  return item.children ? (react_2.default.createElement(react_1.Box, { key: item.label, px: 2 },
16
- react_2.default.createElement(react_1.VStack, { spacing: 0, align: "start" },
17
- item.badge && (react_2.default.createElement(react_1.Badge, { colorScheme: (_b = (_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.colorScheme) !== null && _b !== void 0 ? _b : "blue", fontSize: "0.6em" }, item.badge.label)),
18
- react_2.default.createElement(react_1.Text, { fontWeight: "medium" }, item.label)),
19
- react_2.default.createElement(react_1.Stack, { pl: 4, mt: 1 }, item.children.map(function (subItem) {
20
- var _a, _b, _c;
21
- return (react_2.default.createElement(react_1.Button, { key: subItem.label, onClick: function () { var _a; (_a = subItem.onClick) === null || _a === void 0 ? void 0 : _a.call(subItem); onClose === null || onClose === void 0 ? void 0 : onClose(); }, variant: "ghost", w: "full", justifyContent: "flex-start", color: color, bg: isActive(subItem.href) ? activeBg : "transparent", _hover: { bg: hoverBg } },
22
+ react_2.default.createElement(react_1.Button, { onClick: function () {
23
+ return setOpenMenuLabel(function (prev) { return (prev === item.label ? null : item.label); });
24
+ }, variant: "ghost", w: "full", justifyContent: "flex-start", color: color, bg: item.children.some(function (subItem) { return isActive(subItem.href); })
25
+ ? activeBg
26
+ : "transparent", _hover: { bg: hoverBg }, rightIcon: openMenuLabel === item.label ? (react_2.default.createElement(lucide_react_1.ChevronDown, { size: 16 })) : (react_2.default.createElement(lucide_react_1.ChevronRight, { size: 16 })), px: 2 },
27
+ react_2.default.createElement(react_1.HStack, { w: "full", justify: "space-between", align: "center" },
22
28
  react_2.default.createElement(react_1.VStack, { spacing: 0, align: "start" },
23
- subItem.badge && (react_2.default.createElement(react_1.Badge, { colorScheme: (_b = (_a = subItem === null || subItem === void 0 ? void 0 : subItem.badge) === null || _a === void 0 ? void 0 : _a.colorScheme) !== null && _b !== void 0 ? _b : "blue", fontSize: "0.6em" }, (_c = subItem.badge) === null || _c === void 0 ? void 0 : _c.label)),
24
- react_2.default.createElement(react_1.Text, null, subItem.label))));
25
- })))) : (react_2.default.createElement(react_1.Button, { key: item.label, onClick: function () { var _a; (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item); onClose === null || onClose === void 0 ? void 0 : onClose(); }, variant: "ghost", w: "full", justifyContent: "flex-start", color: color, bg: isActive(item.href) ? activeBg : "transparent", _hover: { bg: hoverBg } },
29
+ item.badge && (react_2.default.createElement(react_1.Badge, { colorScheme: (_b = (_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.colorScheme) !== null && _b !== void 0 ? _b : "blue", fontSize: "0.6em" }, item.badge.label)),
30
+ react_2.default.createElement(react_1.Text, { fontWeight: "medium" }, item.label)))),
31
+ react_2.default.createElement(react_1.Collapse, { in: openMenuLabel === item.label, animateOpacity: true },
32
+ react_2.default.createElement(react_1.Stack, { pl: 4, mt: 1, spacing: 1 }, item.children.map(function (subItem) {
33
+ var _a, _b, _c;
34
+ return (react_2.default.createElement(react_1.Button, { key: subItem.label, onClick: function () {
35
+ var _a;
36
+ (_a = subItem.onClick) === null || _a === void 0 ? void 0 : _a.call(subItem);
37
+ onClose === null || onClose === void 0 ? void 0 : onClose();
38
+ }, variant: "ghost", w: "full", justifyContent: "flex-start", color: color, bg: isActive(subItem.href) ? activeBg : "transparent", _hover: { bg: hoverBg } },
39
+ react_2.default.createElement(react_1.VStack, { spacing: 0, align: "start" },
40
+ subItem.badge && (react_2.default.createElement(react_1.Badge, { colorScheme: (_b = (_a = subItem === null || subItem === void 0 ? void 0 : subItem.badge) === null || _a === void 0 ? void 0 : _a.colorScheme) !== null && _b !== void 0 ? _b : "blue", fontSize: "0.6em" }, (_c = subItem.badge) === null || _c === void 0 ? void 0 : _c.label)),
41
+ react_2.default.createElement(react_1.Text, null, subItem.label))));
42
+ }))))) : (react_2.default.createElement(react_1.Button, { key: item.label, onClick: function () { var _a; (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item); onClose === null || onClose === void 0 ? void 0 : onClose(); }, variant: "ghost", w: "full", justifyContent: "flex-start", color: color, bg: isActive(item.href) ? activeBg : "transparent", _hover: { bg: hoverBg } },
26
43
  react_2.default.createElement(react_1.VStack, { spacing: 0, align: "start" },
27
44
  item.badge && (react_2.default.createElement(react_1.Badge, { colorScheme: (_d = (_c = item === null || item === void 0 ? void 0 : item.badge) === null || _c === void 0 ? void 0 : _c.colorScheme) !== null && _d !== void 0 ? _d : "blue", fontSize: "0.6em" }, (_e = item.badge) === null || _e === void 0 ? void 0 : _e.label)),
28
45
  react_2.default.createElement(react_1.Text, null, item.label))));
package/dist/Components/ProductCard/ProductCard.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { ProductCardProps } from "./ProductCardProps";
3
- declare const ProductCard: ({ id, label, productImage, rating, reviews, tags, options, button, batch, description, avalabilitys, onAddToCart, onNotifyMe, onClick, onOptionChange, addToCart, goToCart, OnGoToCart, size, notifyMe }: ProductCardProps) => React.JSX.Element;
3
+ declare const ProductCard: ({ id, label, productImage, rating, reviews, tags, options, button, batch, description, avalabilitys, onAddToCart, onNotifyMe, onClick, onOptionChange, addToCart, goToCart, OnGoToCart, size, notifyMe, isQtyEditable, }: ProductCardProps) => React.JSX.Element;
4
4
  export default ProductCard;
package/dist/Components/ProductCard/ProductCard.js CHANGED
@@ -29,20 +29,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
29
29
  var react_1 = __importStar(require("react"));
30
30
  var react_2 = require("@chakra-ui/react");
31
31
  var ProductTags_1 = __importDefault(require("./ProductTags"));
32
- // import ProductReview from './ProductReview';
33
32
  var ProductPrice_1 = __importDefault(require("./ProductPrice"));
34
33
  var Button_1 = __importDefault(require("../Button/Button"));
35
34
  var ProductLabel_1 = __importDefault(require("./ProductLabel"));
36
35
  var useCustomTheme_1 = require("../../Theme/useCustomTheme");
37
36
  var lucide_react_1 = require("lucide-react");
37
+ var ProductReview_1 = __importDefault(require("./ProductReview"));
38
38
  var ProductCard = function (_a) {
39
39
  var _b, _c, _d, _e, _f, _g, _h, _j;
40
40
  var id = _a.id, label = _a.label, productImage = _a.productImage, rating = _a.rating, reviews = _a.reviews, tags = _a.tags, options = _a.options, button = _a.button, batch = _a.batch, description = _a.description, avalabilitys = _a.avalabilitys, onAddToCart = _a.onAddToCart, onNotifyMe = _a.onNotifyMe, onClick = _a.onClick, onOptionChange = _a.onOptionChange, addToCart = _a.addToCart, goToCart = _a.goToCart, OnGoToCart = _a.OnGoToCart, _k = _a.size, size = _k === void 0 ? "sm" : _k, // ✅ default to "sm"
41
- notifyMe = _a.notifyMe;
42
- var _l = (0, react_1.useState)(false), hover = _l[0], setHover = _l[1];
41
+ notifyMe = _a.notifyMe, _l = _a.isQtyEditable, isQtyEditable = _l === void 0 ? false : _l;
42
+ var _m = (0, react_1.useState)(false), hover = _m[0], setHover = _m[1];
43
43
  var theme = (0, useCustomTheme_1.useCustomTheme)();
44
- var _m = (0, react_1.useState)(options === null || options === void 0 ? void 0 : options[0]), selectedOption = _m[0], setSelectedOption = _m[1];
45
- var _o = (0, react_1.useState)(1), qty = _o[0], setQty = _o[1];
44
+ var _o = (0, react_1.useState)(options === null || options === void 0 ? void 0 : options[0]), selectedOption = _o[0], setSelectedOption = _o[1];
45
+ var _p = (0, react_1.useState)(1), qty = _p[0], setQty = _p[1];
46
46
  var handleOptionSelect = function (option) {
47
47
  setSelectedOption(option);
48
48
  onOptionChange === null || onOptionChange === void 0 ? void 0 : onOptionChange(option);
@@ -65,7 +65,7 @@ var ProductCard = function (_a) {
65
65
  md: { cardWidth: "20rem", imgHeight: "15rem", padding: 5 },
66
66
  lg: { cardWidth: "22rem", imgHeight: "17rem", padding: 6 },
67
67
  };
68
- var _p = sizeStyles[size], cardWidth = _p.cardWidth, imgHeight = _p.imgHeight, padding = _p.padding;
68
+ var _q = sizeStyles[size], cardWidth = _q.cardWidth, imgHeight = _q.imgHeight, padding = _q.padding;
69
69
  var allowedSizes = ["sm", "md", "lg", "xl", "xs"];
70
70
  var safeSize = allowedSizes.includes(size) ? size : "md";
71
71
  return (react_1.default.createElement(react_2.Box, { borderWidth: "0.063rem", borderRadius: "lg", overflow: "hidden", w: "full", maxW: cardWidth, position: "relative", bg: theme.colors.white, boxShadow: "lg" },
@@ -89,11 +89,11 @@ var ProductCard = function (_a) {
89
89
  }[size] }, batch.label))),
90
90
  react_1.default.createElement(react_2.VStack, { spacing: 2, align: "start", p: padding },
91
91
  react_1.default.createElement(react_2.Box, { onClick: onClick, cursor: "pointer" },
92
- react_1.default.createElement(ProductLabel_1.default, { label: label, description: description, size: size })),
92
+ react_1.default.createElement(ProductLabel_1.default, { label: label, size: size })),
93
93
  tags && react_1.default.createElement(ProductTags_1.default, { tags: tags, size: size }),
94
- options && react_1.default.createElement(ProductPrice_1.default, { options: options, size: size, onSelect: handleOptionSelect }),
94
+ options && (react_1.default.createElement(ProductPrice_1.default, { options: options, size: size, onSelect: handleOptionSelect, rightSlot: rating && reviews ? react_1.default.createElement(ProductReview_1.default, { rating: rating, reviewCount: reviews }) : undefined })),
95
95
  typeof (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) === "number" && ((_d = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _d !== void 0 ? _d : 0) <= 0 && (react_1.default.createElement(react_2.Badge, { colorScheme: "red", fontSize: "xs", px: 2, py: 1, variant: "subtle", rounded: "md", fontWeight: "semibold", textTransform: "uppercase" }, "OUT OF STOCK")),
96
- addToCart && (((_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _e !== void 0 ? _e : 1) > 0) && (react_1.default.createElement(react_2.HStack, { w: "full", justify: "space-between", mb: 2 },
96
+ addToCart && (((_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _e !== void 0 ? _e : 1) > 0) && isQtyEditable && (react_1.default.createElement(react_2.HStack, { w: "full", justify: "space-between", mb: 2 },
97
97
  react_1.default.createElement(react_2.HStack, null,
98
98
  react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Minus, { size: 16 }), "aria-label": "Decrease quantity", size: "xs", onClick: handleDecrement, isDisabled: qty <= 1, isRound: true, variant: "outline", colorScheme: "red" }),
99
99
  react_1.default.createElement(react_2.Text, { fontWeight: "bold", w: 8, textAlign: "center" }, qty),
package/dist/Components/ProductCard/ProductCardProps.d.ts CHANGED
@@ -23,6 +23,7 @@ export type ProductCardProps = {
23
23
  batch?: batch;
24
24
  size?: SizeType;
25
25
  avalabilitys?: boolean;
26
+ isQtyEditable?: boolean;
26
27
  };
27
28
  export type options = {
28
29
  label: string;
package/dist/Components/ProductCard/ProductPrice.d.ts CHANGED
@@ -4,6 +4,7 @@ type ProductPriceProps = {
4
4
  options: options[];
5
5
  size: SizeType;
6
6
  onSelect?: (option: options) => void;
7
+ rightSlot?: React.ReactNode;
7
8
  };
8
- declare const ProductPrice: ({ options, size, onSelect }: ProductPriceProps) => React.JSX.Element;
9
+ declare const ProductPrice: ({ options, size, onSelect, rightSlot }: ProductPriceProps) => React.JSX.Element;
9
10
  export default ProductPrice;
package/dist/Components/ProductCard/ProductPrice.js CHANGED
@@ -68,7 +68,7 @@ var sizeConfig = {
68
68
  },
69
69
  };
70
70
  var ProductPrice = function (_a) {
71
- var options = _a.options, size = _a.size, onSelect = _a.onSelect;
71
+ var options = _a.options, size = _a.size, onSelect = _a.onSelect, rightSlot = _a.rightSlot;
72
72
  var cfg = sizeConfig[size];
73
73
  var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
74
74
  var _c = (0, react_1.useState)(options[0]), selected = _c[0], setSelected = _c[1];
@@ -134,12 +134,14 @@ var ProductPrice = function (_a) {
134
134
  option.price))),
135
135
  react_1.default.createElement(react_2.Box, { ml: 4, w: cfg.iconSize, h: cfg.iconSize, minW: cfg.iconSize, borderRadius: "full", border: "0.125rem solid", borderColor: isSelected ? 'red.400' : 'gray.300', display: "flex", alignItems: "center", justifyContent: "center" }, isSelected && (react_1.default.createElement(react_2.Box, { w: cfg.dotSize, h: cfg.dotSize, bg: "red.400", borderRadius: "full" })))));
136
136
  })))),
137
- react_1.default.createElement(react_2.Box, { mt: 2, display: "flex", alignItems: "center", fontSize: cfg.price, gap: 2 },
138
- selected.offer > 0 && (react_1.default.createElement(react_2.Text, { color: "gray.400", textDecoration: "line-through" },
139
- "\u20B9",
140
- selected.price)),
141
- react_1.default.createElement(react_2.Text, { color: "red.500", fontWeight: "semibold" },
142
- "\u20B9",
143
- getDiscountedPrice(selected)))));
137
+ react_1.default.createElement(react_2.Flex, { mt: 2, align: "center", justify: rightSlot ? "space-between" : "flex-start", w: "full", gap: 3 },
138
+ react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", fontSize: cfg.price, gap: 2, minW: 0 },
139
+ selected.offer > 0 && (react_1.default.createElement(react_2.Text, { color: "gray.400", textDecoration: "line-through" },
140
+ "\u20B9",
141
+ selected.price)),
142
+ react_1.default.createElement(react_2.Text, { color: "red.500", fontWeight: "semibold" },
143
+ "\u20B9",
144
+ getDiscountedPrice(selected))),
145
+ rightSlot && react_1.default.createElement(react_2.Box, { flexShrink: 0 }, rightSlot))));
144
146
  };
145
147
  exports.default = ProductPrice;
package/dist/Components/ProductDetails/ProductDetails.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { ProductDetailsProps } from "./ProductDetailsProps";
3
- declare const ProductDetails: ({ id, price, label, shortdesc, tags, images, batch, category, onAddToCart, onNotifyMe, onOptionChange, addToCart, goToCart, OnGoToCart, notifyMe, }: ProductDetailsProps) => React.JSX.Element;
3
+ declare const ProductDetails: ({ id, price, label, shortdesc, tags, images, batch, category, onAddToCart, onNotifyMe, onOptionChange, addToCart, goToCart, OnGoToCart, notifyMe, isQtyEditable, }: ProductDetailsProps) => React.JSX.Element;
4
4
  export default ProductDetails;
package/dist/Components/ProductDetails/ProductDetails.js CHANGED
@@ -14,11 +14,11 @@ var Button_1 = __importDefault(require("../Button/Button"));
14
14
  var lucide_react_1 = require("lucide-react");
15
15
  var ProductDetails = function (_a) {
16
16
  var _b, _c, _d, _e, _f;
17
- var id = _a.id, price = _a.price, label = _a.label, shortdesc = _a.shortdesc, tags = _a.tags, images = _a.images, batch = _a.batch, category = _a.category, onAddToCart = _a.onAddToCart, onNotifyMe = _a.onNotifyMe, onOptionChange = _a.onOptionChange, addToCart = _a.addToCart, goToCart = _a.goToCart, OnGoToCart = _a.OnGoToCart, notifyMe = _a.notifyMe;
17
+ var id = _a.id, price = _a.price, label = _a.label, shortdesc = _a.shortdesc, tags = _a.tags, images = _a.images, batch = _a.batch, category = _a.category, onAddToCart = _a.onAddToCart, onNotifyMe = _a.onNotifyMe, onOptionChange = _a.onOptionChange, addToCart = _a.addToCart, goToCart = _a.goToCart, OnGoToCart = _a.OnGoToCart, notifyMe = _a.notifyMe, _g = _a.isQtyEditable, isQtyEditable = _g === void 0 ? false : _g;
18
18
  var theme = (0, useCustomTheme_1.useCustomTheme)();
19
19
  var isMobile = (0, react_2.useBreakpointValue)({ base: true, md: false });
20
- var _g = react_1.default.useState(price === null || price === void 0 ? void 0 : price[0]), selectedOption = _g[0], setSelectedOption = _g[1];
21
- var _h = react_1.default.useState(1), qty = _h[0], setQty = _h[1];
20
+ var _h = react_1.default.useState(price === null || price === void 0 ? void 0 : price[0]), selectedOption = _h[0], setSelectedOption = _h[1];
21
+ var _j = react_1.default.useState(1), qty = _j[0], setQty = _j[1];
22
22
  react_1.default.useEffect(function () {
23
23
  setQty(1);
24
24
  }, [selectedOption]);
@@ -48,7 +48,7 @@ var ProductDetails = function (_a) {
48
48
  typeof (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) === "number" && ((_b = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _b !== void 0 ? _b : 0) <= 0 && (react_1.default.createElement(react_2.Box, { sx: { ml: "1.1rem", mt: "0.5rem", mb: "0.5rem" } },
49
49
  react_1.default.createElement(react_2.Badge, { colorScheme: "red", fontSize: "xs", px: 2, py: 1, variant: "subtle", rounded: "md", fontWeight: "semibold", textTransform: "uppercase" }, "OUT OF STOCK"))),
50
50
  goToCart && (react_1.default.createElement(Button_1.default, { size: "sm", colorScheme: "red", leftIcon: react_1.default.createElement(lucide_react_1.ShoppingCartIcon, null), sx: { ml: "1.1rem" }, onClick: OnGoToCart }, "Go to cart")),
51
- addToCart && (((_c = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _c !== void 0 ? _c : 1) > 0) && (react_1.default.createElement(react_2.HStack, { sx: { ml: "1.1rem", mb: 4 }, spacing: 4 },
51
+ addToCart && (((_c = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _c !== void 0 ? _c : 1) > 0) && isQtyEditable && (react_1.default.createElement(react_2.HStack, { sx: { ml: "1.1rem", mb: 4 }, spacing: 4 },
52
52
  react_1.default.createElement(react_2.HStack, null,
53
53
  react_1.default.createElement(react_2.IconButton, { icon: react_1.default.createElement(lucide_react_1.Minus, { size: 16 }), "aria-label": "Decrease quantity", size: "xs", onClick: handleDecrement, isDisabled: qty <= 1, isRound: true, variant: "outline", colorScheme: "red" }),
54
54
  react_1.default.createElement(react_2.Text, { fontWeight: "bold", w: 8, textAlign: "center" }, qty),
package/dist/Components/ProductDetails/ProductDetailsProps.d.ts CHANGED
@@ -15,6 +15,7 @@ export type ProductDetailsProps = {
15
15
  goToCart?: boolean;
16
16
  notifyMe?: boolean;
17
17
  OnGoToCart?: () => void;
18
+ isQtyEditable?: boolean;
18
19
  };
19
20
  export type images = {
20
21
  imageUrl: string;
package/dist/Components/ProductDetails/ProductDtlPrice.js CHANGED
@@ -47,7 +47,6 @@ var ProductDtlPrice = function (_a) {
47
47
  "SAVE ",
48
48
  selected.offer,
49
49
  "%")),
50
- react_1.default.createElement(react_2.Text, { fontSize: "md", fontWeight: "medium" }, selected.weight),
51
50
  react_1.default.createElement(react_2.Text, { fontSize: "sm", color: theme.colors.gray[600] }, "(Incl. of all taxes)"),
52
51
  react_1.default.createElement(react_2.Box, null,
53
52
  react_1.default.createElement(react_2.Text, { fontSize: "sm", fontWeight: "bold", textTransform: "uppercase", mb: 1 },
package/dist/Components/Slider/Slider.js CHANGED
@@ -63,6 +63,7 @@ var Slider = function (_a) {
63
63
  if (currentIndex >= slides.length) {
64
64
  setCurrentIndex(0);
65
65
  }
66
+ // eslint-disable-next-line
66
67
  }, [slides.length]);
67
68
  var ratio = (_c = (0, react_2.useBreakpointValue)({ base: 16 / 9, md: 21 / 9, lg: 21 / 9 })) !== null && _c !== void 0 ? _c : 16 / 9;
68
69
  return (react_1.default.createElement(react_2.Box, { position: "relative", w: "100%", h: "auto", overflow: "hidden" },
package/dist/index.d.ts CHANGED
@@ -59,5 +59,6 @@ import PaymentCard from "./Components/Card/PaymentCard/PaymentCard";
59
59
  import ApexLineChart from "./Components/Apexcharts/ApexLineChart/ApexLineChart";
60
60
  import Notification from "./Components/Notification/Notification";
61
61
  import DatePicker from "./Components/DatePicker/ThemeDatePicker";
62
- export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
62
+ import ShopMap from "./Components/Map/ShopMap";
63
+ export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, ShopMap, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
63
64
  export default withTheme;
package/dist/index.js CHANGED
@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
28
28
  };
29
29
  Object.defineProperty(exports, "__esModule", { value: true });
30
30
  exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
31
- exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = void 0;
31
+ exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.ShopMap = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = void 0;
32
32
  var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
33
33
  exports.Accordian = Accordion_1.default;
34
34
  var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -162,4 +162,6 @@ var Notification_1 = __importDefault(require("./Components/Notification/Notifica
162
162
  exports.Notification = Notification_1.default;
163
163
  var ThemeDatePicker_1 = __importDefault(require("./Components/DatePicker/ThemeDatePicker"));
164
164
  exports.DatePicker = ThemeDatePicker_1.default;
165
+ var ShopMap_1 = __importDefault(require("./Components/Map/ShopMap"));
166
+ exports.ShopMap = ShopMap_1.default;
165
167
  exports.default = withTheme_1.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.2.85",
3
+ "version": "2.2.87",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",