pixelize-design-library 2.1.5 → 2.1.6
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.
- package/dist/Components/ProductCard/ProductCard.d.ts +2 -1
- package/dist/Components/ProductCard/ProductCard.js +1 -2
- package/dist/Components/SearchSelect/SearchSelect.d.ts +1 -1
- package/dist/Components/SearchSelect/SearchSelect.js +5 -12
- package/dist/Components/SearchSelect/SearchSelectProps.d.ts +1 -4
- package/dist/Components/Toaster/Toaster.js +36 -10
- package/dist/Pages/productCaard.js +2 -2
- package/dist/Pages/searchSelect.js +17 -7
- package/dist/Pages/toster.js +42 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +4 -2
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ProductCardProps } from './ProductCardProps';
|
|
3
|
-
|
|
3
|
+
declare const ProductCard: ({ label, productImage, rating, reviews, tags, options, onAddToCart, bag, description, }: ProductCardProps) => React.JSX.Element;
|
|
4
|
+
export default ProductCard;
|
|
@@ -26,7 +26,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.ProductCard = void 0;
|
|
30
29
|
var react_1 = __importStar(require("react"));
|
|
31
30
|
var react_2 = require("@chakra-ui/react");
|
|
32
31
|
var ProductTags_1 = __importDefault(require("./ProductTags"));
|
|
@@ -49,4 +48,4 @@ var ProductCard = function (_a) {
|
|
|
49
48
|
options && react_1.default.createElement(ProductPrice_1.default, { options: options }),
|
|
50
49
|
onAddToCart && react_1.default.createElement(Button_1.default, { colorScheme: "orange", size: "sm", width: "100%", onClick: onAddToCart }, "Add to Cart"))));
|
|
51
50
|
};
|
|
52
|
-
exports.
|
|
51
|
+
exports.default = ProductCard;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SearchSelectProps } from './SearchSelectProps';
|
|
3
|
-
declare const SearchSelect: ({ id, label, options, onSelect, onSearch, isOptionLoading, isLoading, loadingText, placeholder, value, searchQuery, isMultiple, isRequired, error, errorMessage, helperText, width, height, size, chip, information, rightIcon, addNew, isSelectAll, pagination, insideSelect, isRemoveAllIcon
|
|
3
|
+
declare const SearchSelect: ({ id, label, options, onSelect, onSearch, isOptionLoading, isLoading, loadingText, placeholder, value, searchQuery, isMultiple, isRequired, error, errorMessage, helperText, width, height, size, chip, information, rightIcon, addNew, isSelectAll, pagination, insideSelect, isRemoveAllIcon }: SearchSelectProps) => React.JSX.Element;
|
|
4
4
|
export default SearchSelect;
|
|
@@ -59,7 +59,7 @@ var normalizeMultiValue = function (val) {
|
|
|
59
59
|
};
|
|
60
60
|
var SearchSelect = function (_a) {
|
|
61
61
|
var _b, _c, _d, _e, _f;
|
|
62
|
-
var id = _a.id, label = _a.label, options = _a.options, onSelect = _a.onSelect, onSearch = _a.onSearch, _g = _a.isOptionLoading, isOptionLoading = _g === void 0 ? false : _g, _h = _a.isLoading, isLoading = _h === void 0 ? false : _h, _j = _a.loadingText, loadingText = _j === void 0 ? 'Loading...' : _j, _k = _a.placeholder, placeholder = _k === void 0 ? 'Select' : _k, value = _a.value, _l = _a.searchQuery, searchQuery = _l === void 0 ? '' : _l, _m = _a.isMultiple, isMultiple = _m === void 0 ? false : _m, _o = _a.isRequired, isRequired = _o === void 0 ? false : _o, _p = _a.error, error = _p === void 0 ? false : _p, errorMessage = _a.errorMessage, helperText = _a.helperText, _q = _a.width, width = _q === void 0 ? '100%' : _q, _r = _a.height, height = _r === void 0 ? "2.75rem" : _r, _s = _a.size, size = _s === void 0 ? 'md' : _s, chip = _a.chip, information = _a.information, rightIcon = _a.rightIcon, addNew = _a.addNew, _t = _a.isSelectAll, isSelectAll = _t === void 0 ? false : _t, pagination = _a.pagination, insideSelect = _a.insideSelect, isRemoveAllIcon = _a.isRemoveAllIcon
|
|
62
|
+
var id = _a.id, label = _a.label, options = _a.options, onSelect = _a.onSelect, onSearch = _a.onSearch, _g = _a.isOptionLoading, isOptionLoading = _g === void 0 ? false : _g, _h = _a.isLoading, isLoading = _h === void 0 ? false : _h, _j = _a.loadingText, loadingText = _j === void 0 ? 'Loading...' : _j, _k = _a.placeholder, placeholder = _k === void 0 ? 'Select' : _k, value = _a.value, _l = _a.searchQuery, searchQuery = _l === void 0 ? '' : _l, _m = _a.isMultiple, isMultiple = _m === void 0 ? false : _m, _o = _a.isRequired, isRequired = _o === void 0 ? false : _o, _p = _a.error, error = _p === void 0 ? false : _p, errorMessage = _a.errorMessage, helperText = _a.helperText, _q = _a.width, width = _q === void 0 ? '100%' : _q, _r = _a.height, height = _r === void 0 ? "2.75rem" : _r, _s = _a.size, size = _s === void 0 ? 'md' : _s, chip = _a.chip, information = _a.information, rightIcon = _a.rightIcon, addNew = _a.addNew, _t = _a.isSelectAll, isSelectAll = _t === void 0 ? false : _t, pagination = _a.pagination, insideSelect = _a.insideSelect, isRemoveAllIcon = _a.isRemoveAllIcon;
|
|
63
63
|
var _u = (0, react_1.useState)(searchQuery), inputValue = _u[0], setInputValue = _u[1];
|
|
64
64
|
var _v = (0, react_1.useState)(false), isOpen = _v[0], setIsOpen = _v[1];
|
|
65
65
|
var _w = (0, react_1.useState)(true), hasMore = _w[0], setHasMore = _w[1];
|
|
@@ -189,7 +189,7 @@ var SearchSelect = function (_a) {
|
|
|
189
189
|
react_1.default.createElement(SelectTruncatedLabel_1.default, { label: (_e = (_d = insideSelect === null || insideSelect === void 0 ? void 0 : insideSelect.value) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : "", maxWidth: (insideSelect === null || insideSelect === void 0 ? void 0 : insideSelect.width) || "6rem" }),
|
|
190
190
|
customSelectOpen ? react_1.default.createElement(lucide_react_1.ChevronUp, { size: 16 }) : react_1.default.createElement(lucide_react_1.ChevronDown, { size: 16 })),
|
|
191
191
|
customSelectOpen && (react_1.default.createElement(react_2.Portal, null,
|
|
192
|
-
react_1.default.createElement(react_2.Box, { id: "custom-select-portal", position: "absolute", top: "".concat(customSelectPos.top, "px"), left: "".concat(customSelectPos.left, "px"), zIndex:
|
|
192
|
+
react_1.default.createElement(react_2.Box, { id: "custom-select-portal", position: "absolute", top: "".concat(customSelectPos.top, "px"), left: "".concat(customSelectPos.left, "px"), zIndex: 1400, bg: theme.colors.white, border: "0.063rem solid", borderColor: theme.colors.gray[300], borderRadius: "md", boxShadow: "md", minW: "10rem", maxW: "38rem" }, (_f = insideSelect === null || insideSelect === void 0 ? void 0 : insideSelect.option) === null || _f === void 0 ? void 0 : _f.map(function (item) { return (react_1.default.createElement(react_2.Box, { key: item.id, display: "flex", alignItems: "center", height: "2.5rem", px: "0.75rem", fontSize: "sm", _hover: { bg: theme.colors.gray[100] }, cursor: "pointer", onClick: function (e) {
|
|
193
193
|
e.stopPropagation();
|
|
194
194
|
handleCustomSelect(item);
|
|
195
195
|
} }, item.label)); })))))),
|
|
@@ -225,16 +225,9 @@ var SearchSelect = function (_a) {
|
|
|
225
225
|
react_1.default.createElement(react_2.Text, { fontSize: "sm" }, allFilteredSelected ? 'Unselect All' : 'Select All'))),
|
|
226
226
|
react_1.default.createElement(react_2.Box, { flex: "1", overflowY: "auto", onScroll: handleScroll, maxH: "15rem", borderBottom: "0.063rem solid", borderColor: theme.colors.gray[200] }, isOptionLoading ? (react_1.default.createElement(react_2.Box, { p: 3, display: "flex", alignItems: "center", gap: 2 },
|
|
227
227
|
react_1.default.createElement(react_2.Spinner, { size: "sm" }),
|
|
228
|
-
react_1.default.createElement(react_2.Text, { fontSize: "sm" }, loadingText))) : filteredOptions.length === 0 ? (react_1.default.createElement(react_2.Text, { p: 3, fontSize: "sm", color: theme.colors.gray[500] }, "No results found")) : (filteredOptions.map(function (option) {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
isMultiple && (react_1.default.createElement(react_2.Checkbox, { isChecked: isSelected(option.id), pointerEvents: "none", colorScheme: "blue" })),
|
|
232
|
-
dropdownProfileView ? react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", gap: 3 },
|
|
233
|
-
react_1.default.createElement(react_2.Box, { w: "2rem", h: "2rem", borderRadius: "full", bg: option.color || 'gray.300', color: "white", display: "flex", justifyContent: "center", alignItems: "center", fontSize: "sm", fontWeight: "medium", overflow: "hidden" }, option.profileUrl ? (react_1.default.createElement(react_2.Box, { as: "img", src: option.profileUrl, alt: option.label, w: "100%", h: "100%", objectFit: "cover" })) : ((_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
|
|
234
|
-
react_1.default.createElement(react_2.Box, null,
|
|
235
|
-
react_1.default.createElement(react_2.Text, { fontSize: "sm", fontWeight: "semibold", color: "gray.800" }, option.label),
|
|
236
|
-
option.email && (react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.500" }, option.email)))) : react_1.default.createElement(react_2.Text, { fontSize: "sm" }, option.label)));
|
|
237
|
-
}))),
|
|
228
|
+
react_1.default.createElement(react_2.Text, { fontSize: "sm" }, loadingText))) : filteredOptions.length === 0 ? (react_1.default.createElement(react_2.Text, { p: 3, fontSize: "sm", color: theme.colors.gray[500] }, "No results found")) : (filteredOptions.map(function (option) { return (react_1.default.createElement(react_2.Box, { key: option.id, p: 2, px: 3, cursor: "pointer", bg: isSelected(option.id) ? theme.colors.gray[100] : 'transparent', _hover: { bg: theme.colors.gray[50] }, onClick: function () { return handleSelect(option); }, display: "flex", alignItems: "center", gap: 2, borderBottom: "0.063rem solid ".concat(theme.colors.gray[100]) },
|
|
229
|
+
isMultiple && (react_1.default.createElement(react_2.Checkbox, { isChecked: isSelected(option.id), pointerEvents: "none", colorScheme: "blue" })),
|
|
230
|
+
option.view ? react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", gap: 3 }, option.view) : react_1.default.createElement(react_2.Text, { fontSize: "sm" }, option.label))); }))),
|
|
238
231
|
(addNew === null || addNew === void 0 ? void 0 : addNew.enabled) && (react_1.default.createElement(react_2.Box, { p: 2, borderTop: "0.063rem solid", borderColor: theme.colors.gray[200], bg: "white", display: "flex", alignItems: "center", gap: 2, cursor: "pointer", onClick: addNew.onClick, _hover: { bg: theme.colors.gray[50] } },
|
|
239
232
|
addNew.icon || react_1.default.createElement(lucide_react_1.Plus, { size: 16 }),
|
|
240
233
|
react_1.default.createElement(react_2.Text, { fontSize: "sm" }, addNew.text || 'Add New'))))),
|
|
@@ -52,12 +52,9 @@ export type SearchSelectProps = {
|
|
|
52
52
|
option?: Options[];
|
|
53
53
|
width?: string;
|
|
54
54
|
};
|
|
55
|
-
dropdownProfileView?: boolean;
|
|
56
55
|
};
|
|
57
56
|
export type Options = {
|
|
58
57
|
id: string | number;
|
|
59
58
|
label: string;
|
|
60
|
-
|
|
61
|
-
profileUrl?: string;
|
|
62
|
-
color?: string;
|
|
59
|
+
view?: React.ReactNode;
|
|
63
60
|
};
|
|
@@ -29,25 +29,51 @@ var react_2 = require("@chakra-ui/react");
|
|
|
29
29
|
var ToasterContext = (0, react_1.createContext)(undefined);
|
|
30
30
|
function ToasterProvider(_a) {
|
|
31
31
|
var children = _a.children;
|
|
32
|
-
// console.log(children, 'childrenchildren----'); // eslint-disable-line no-console
|
|
33
32
|
var toast = (0, react_2.useToast)();
|
|
33
|
+
var theme = (0, react_2.useTheme)();
|
|
34
34
|
var showToast = function (_a) {
|
|
35
|
-
var
|
|
35
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
36
|
+
var title = _a.title, description = _a.description, _m = _a.status, status = _m === void 0 ? "info" : _m, _o = _a.duration, duration = _o === void 0 ? 5000 : _o, _p = _a.isClosable, isClosable = _p === void 0 ? true : _p, _q = _a.position, position = _q === void 0 ? "top-right" : _q, onClose = _a.onClose;
|
|
37
|
+
var statusColors = {
|
|
38
|
+
success: {
|
|
39
|
+
bg: (_b = theme.colors.green) === null || _b === void 0 ? void 0 : _b[50],
|
|
40
|
+
border: (_c = theme.colors.green) === null || _c === void 0 ? void 0 : _c[300],
|
|
41
|
+
},
|
|
42
|
+
error: {
|
|
43
|
+
bg: (_d = theme.colors.red) === null || _d === void 0 ? void 0 : _d[50],
|
|
44
|
+
border: (_e = theme.colors.red) === null || _e === void 0 ? void 0 : _e[300],
|
|
45
|
+
},
|
|
46
|
+
warning: {
|
|
47
|
+
bg: (_f = theme.colors.yellow) === null || _f === void 0 ? void 0 : _f[50],
|
|
48
|
+
border: (_g = theme.colors.yellow) === null || _g === void 0 ? void 0 : _g[300],
|
|
49
|
+
},
|
|
50
|
+
info: {
|
|
51
|
+
bg: (_h = theme.colors.blue) === null || _h === void 0 ? void 0 : _h[50],
|
|
52
|
+
border: (_j = theme.colors.blue) === null || _j === void 0 ? void 0 : _j[300],
|
|
53
|
+
},
|
|
54
|
+
loading: {
|
|
55
|
+
bg: (_k = theme.colors.gray) === null || _k === void 0 ? void 0 : _k[50],
|
|
56
|
+
border: (_l = theme.colors.gray) === null || _l === void 0 ? void 0 : _l[300],
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
var colors = statusColors[status];
|
|
36
60
|
toast({
|
|
37
|
-
title: title,
|
|
38
|
-
description: description,
|
|
39
|
-
status: status,
|
|
40
61
|
duration: duration,
|
|
41
62
|
isClosable: isClosable,
|
|
42
63
|
position: position,
|
|
43
64
|
onCloseComplete: onClose,
|
|
65
|
+
render: function (_a) {
|
|
66
|
+
var onClose = _a.onClose;
|
|
67
|
+
return (react_1.default.createElement(react_2.Box, { bg: colors.bg, border: "0.063rem solid", borderColor: colors.border, boxShadow: "md", borderRadius: "md", p: 4, minW: "22.5rem" },
|
|
68
|
+
react_1.default.createElement(react_2.Flex, { justify: "space-between", align: "flex-start" },
|
|
69
|
+
react_1.default.createElement(react_2.Box, null,
|
|
70
|
+
react_1.default.createElement(react_2.Text, { fontWeight: "semibold", mb: "0.25rem" }, title),
|
|
71
|
+
react_1.default.createElement(react_2.Text, { fontSize: "sm" }, description)),
|
|
72
|
+
isClosable && (react_1.default.createElement(react_2.CloseButton, { onClick: onClose, size: "sm", mt: 1, ml: 4 })))));
|
|
73
|
+
},
|
|
44
74
|
});
|
|
45
75
|
};
|
|
46
|
-
return (
|
|
47
|
-
// <ChakraProvider>
|
|
48
|
-
react_1.default.createElement(ToasterContext.Provider, { value: { showToast: showToast } }, children)
|
|
49
|
-
// {/* </ChakraProvider> */ }
|
|
50
|
-
);
|
|
76
|
+
return (react_1.default.createElement(ToasterContext.Provider, { value: { showToast: showToast } }, children));
|
|
51
77
|
}
|
|
52
78
|
exports.default = ToasterProvider;
|
|
53
79
|
var useToaster = function () {
|
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var ProductCard_1 = require("../Components/ProductCard/ProductCard");
|
|
7
|
+
var ProductCard_1 = __importDefault(require("../Components/ProductCard/ProductCard"));
|
|
8
8
|
var react_2 = require("@chakra-ui/react");
|
|
9
9
|
var productCaard = function () {
|
|
10
10
|
var option = [{
|
|
@@ -21,7 +21,7 @@ var productCaard = function () {
|
|
|
21
21
|
}
|
|
22
22
|
];
|
|
23
23
|
return (react_1.default.createElement(react_2.SimpleGrid, { columns: [1, 2, 3], spacing: 6, p: 4 },
|
|
24
|
-
react_1.default.createElement(ProductCard_1.
|
|
24
|
+
react_1.default.createElement(ProductCard_1.default, { label: "Ghee Mysorepaku (Soft)", description: "Special Ghee mysorepaku", productImage: {
|
|
25
25
|
visibile: "https://www.sreeannapoorna.com/cdn/shop/files/80A4644.jpg?v=1752466892&width=1946",
|
|
26
26
|
hover: "https://www.sreeannapoorna.com/cdn/shop/files/80A4658.jpg?v=1752466430&width=1946",
|
|
27
27
|
}, tags: ['Melt in Mouth', 'Authentic Taste', 'No Preservatives'], rating: 4.76, reviews: 596, options: option, onAddToCart: function () { }, onClick: function () { }, bag: {
|
|
@@ -73,15 +73,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
73
73
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
74
74
|
var react_1 = __importStar(require("react"));
|
|
75
75
|
var SearchSelect_1 = __importDefault(require("../Components/SearchSelect/SearchSelect"));
|
|
76
|
+
var react_2 = require("@chakra-ui/react");
|
|
76
77
|
var max = 149;
|
|
77
78
|
var rrr = function (start, limit) {
|
|
78
79
|
var end = Math.min(start + limit, max + 1); // +1 to include `max` as valid
|
|
79
|
-
return Array.from({ length: end - start }, function (_, index) {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
80
|
+
return Array.from({ length: end - start }, function (_, index) {
|
|
81
|
+
var _a, _b;
|
|
82
|
+
return ({
|
|
83
|
+
id: (start + index).toString(),
|
|
84
|
+
label: "Option ".concat(start + index),
|
|
85
|
+
view: react_1.default.createElement(react_2.Box, null,
|
|
86
|
+
react_1.default.createElement(react_2.Box, { w: "2rem", h: "2rem", borderRadius: "full", bg: 'gray.300', color: "white", display: "flex", justifyContent: "center", alignItems: "center", fontSize: "sm", fontWeight: "medium", overflow: "hidden" }, (_b = (_a = "Option ".concat(start + index)) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase()),
|
|
87
|
+
react_1.default.createElement(react_2.Box, null,
|
|
88
|
+
react_1.default.createElement(react_2.Text, { fontSize: "sm", fontWeight: "semibold", color: "gray.800" },
|
|
89
|
+
"Option ",
|
|
90
|
+
start + index),
|
|
91
|
+
react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.500" }, "test@gmail.com")))
|
|
92
|
+
});
|
|
93
|
+
});
|
|
85
94
|
};
|
|
86
95
|
var delay = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
|
|
87
96
|
var SearchSelect = function () {
|
|
@@ -145,6 +154,7 @@ var SearchSelect = function () {
|
|
|
145
154
|
// error={true}
|
|
146
155
|
// errorMessage="hello"
|
|
147
156
|
// isRemoveAllIcon
|
|
148
|
-
dropdownProfileView
|
|
157
|
+
// dropdownProfileView
|
|
158
|
+
virtualization: true })));
|
|
149
159
|
};
|
|
150
160
|
exports.default = SearchSelect;
|
package/dist/Pages/toster.js
CHANGED
|
@@ -16,7 +16,48 @@ var TosterPage = function () {
|
|
|
16
16
|
});
|
|
17
17
|
//setIsOpen(true);
|
|
18
18
|
};
|
|
19
|
+
var handleOnclick1 = function () {
|
|
20
|
+
showToast({
|
|
21
|
+
title: "Hello",
|
|
22
|
+
duration: 3000,
|
|
23
|
+
status: "error",
|
|
24
|
+
});
|
|
25
|
+
//setIsOpen(true);
|
|
26
|
+
};
|
|
27
|
+
var handleOnclick2 = function () {
|
|
28
|
+
showToast({
|
|
29
|
+
title: "Hello",
|
|
30
|
+
duration: 3000,
|
|
31
|
+
status: "warning",
|
|
32
|
+
});
|
|
33
|
+
//setIsOpen(true);
|
|
34
|
+
};
|
|
35
|
+
var handleOnclick3 = function () {
|
|
36
|
+
showToast({
|
|
37
|
+
title: "Hello",
|
|
38
|
+
duration: 3000,
|
|
39
|
+
status: "info",
|
|
40
|
+
});
|
|
41
|
+
//setIsOpen(true);
|
|
42
|
+
};
|
|
43
|
+
var handleOnclick4 = function () {
|
|
44
|
+
showToast({
|
|
45
|
+
title: "Hello",
|
|
46
|
+
duration: 3000,
|
|
47
|
+
status: "loading",
|
|
48
|
+
});
|
|
49
|
+
//setIsOpen(true);
|
|
50
|
+
};
|
|
19
51
|
return (react_1.default.createElement("div", null,
|
|
20
|
-
react_1.default.createElement(Button_1.default, { label: "
|
|
52
|
+
react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick, variant: "solid", size: "md", width: 100 }),
|
|
53
|
+
react_1.default.createElement("br", null),
|
|
54
|
+
react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick1, variant: "solid", size: "md", width: 100 }),
|
|
55
|
+
react_1.default.createElement("br", null),
|
|
56
|
+
react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick2, variant: "solid", size: "md", width: 100 }),
|
|
57
|
+
react_1.default.createElement("br", null),
|
|
58
|
+
react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick3, variant: "solid", size: "md", width: 100 }),
|
|
59
|
+
react_1.default.createElement("br", null),
|
|
60
|
+
react_1.default.createElement(Button_1.default, { label: "Success", onClick: handleOnclick4, variant: "solid", size: "md", width: 100 }),
|
|
61
|
+
react_1.default.createElement("br", null)));
|
|
21
62
|
};
|
|
22
63
|
exports.default = TosterPage;
|
package/dist/index.d.ts
CHANGED
|
@@ -48,5 +48,6 @@ import withTheme from "./withTheme";
|
|
|
48
48
|
import { useCustomTheme } from "./Theme/useCustomTheme";
|
|
49
49
|
import { ThemesList } from "./Theme";
|
|
50
50
|
import { debounce } from "./Utils/table";
|
|
51
|
-
|
|
51
|
+
import ProductCard from "./Components/ProductCard/ProductCard";
|
|
52
|
+
export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FormWrapper, Header, HeaderActions, InputTextArea, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProductCard, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
|
|
52
53
|
export default withTheme;
|
package/dist/index.js
CHANGED
|
@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
28
28
|
};
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.
|
|
31
|
-
exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = void 0;
|
|
30
|
+
exports.Table = exports.Switch = exports.Skeletons = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductCard = exports.PinInput = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = 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 = 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"));
|
|
@@ -139,4 +139,6 @@ var Theme_1 = require("./Theme");
|
|
|
139
139
|
Object.defineProperty(exports, "ThemesList", { enumerable: true, get: function () { return Theme_1.ThemesList; } });
|
|
140
140
|
var table_1 = require("./Utils/table");
|
|
141
141
|
Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return table_1.debounce; } });
|
|
142
|
+
var ProductCard_1 = __importDefault(require("./Components/ProductCard/ProductCard"));
|
|
143
|
+
exports.ProductCard = ProductCard_1.default;
|
|
142
144
|
exports.default = withTheme_1.default;
|