pixelize-design-library 2.1.37 → 2.1.39

package/dist/Components/DatePicker/TimePicker.js

@@ -74,7 +74,7 @@ var TimePicker = function (_a) {
     var handleAmpmToggle = function () {
         var newMeridiem = ampm === "AM" ? "PM" : "AM";
         var displayHr = hour % 12 === 0 ? 12 : hour % 12;
-        var newHr = convertTo24Hour(displayHr, newMeridiem);
+        // const newHr = convertTo24Hour(displayHr, newMeridiem);
         setAmpm(newMeridiem);
         setHour(displayHr);
         updateTime(displayHr, minute, newMeridiem);

package/dist/Components/KanbanBoard/AccountRow.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
 var useCustomTheme_1 = require("../../Theme/useCustomTheme");
+var functions_1 = require("../../Utils/functions");
 var AccountRow = function (_a) {
     var _b, _c;
     var label = _a.label, value = _a.value;
     var colors = (0, useCustomTheme_1.useCustomTheme)().colors;
     return (react_1.default.createElement(react_2.Flex, { w: "full" },
         react_1.default.createElement(react_2.Tooltip, { label: label, isDisabled: label.length <= 15, hasArrow: true },
-            react_1.default.createElement(react_2.Text, { color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[700], w: "45%", noOfLines: 1 }, label)),
+            react_1.default.createElement(react_2.Text, { color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) === null || _b === void 0 ? void 0 : _b[700], w: "45%", noOfLines: 1 }, (0, functions_1.toWords)(label))),
         react_1.default.createElement(react_2.Text, { w: "0.625rem", textAlign: "center" }, ":"),
         react_1.default.createElement(react_2.Tooltip, { label: value, isDisabled: value.length <= 17, hasArrow: true },
             react_1.default.createElement(react_2.Text, { fontWeight: 600, color: (_c = colors === null || colors === void 0 ? void 0 : colors.text) === null || _c === void 0 ? void 0 : _c[800], w: "calc(55% - 0.625rem)", noOfLines: 1 }, value))));

package/dist/Components/KanbanBoard/KanbanBoardProps.d.ts

@@ -1,11 +1,6 @@
 export type Account = {
     id: string;
-    rating: string;
-    name: string;
-    owner: string;
-    site: string;
-    details?: string;
-    [key: string]: string | undefined;
+    [key: string]: string | number | null | undefined;
 };
 export type ColumnType = {
     id: string;

package/dist/Components/ProductCard/ProductCard.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProductCardProps } from './ProductCardProps';
-declare const ProductCard: ({ label, productImage, rating, reviews, tags, options, onAddToCart, batch, description, avalabilitys, onClick, size, }: ProductCardProps) => React.JSX.Element;
+declare const ProductCard: ({ label, productImage, rating, reviews, tags, options, button, batch, description, avalabilitys, onClick, size, }: ProductCardProps) => React.JSX.Element;
 export default ProductCard;

package/dist/Components/ProductCard/ProductCard.js

@@ -35,26 +35,29 @@ var Button_1 = __importDefault(require("../Button/Button"));
 var ProductLabel_1 = __importDefault(require("./ProductLabel"));
 var useCustomTheme_1 = require("../../Theme/useCustomTheme");
 var ProductCard = function (_a) {
-    var label = _a.label, productImage = _a.productImage, rating = _a.rating, reviews = _a.reviews, tags = _a.tags, options = _a.options, onAddToCart = _a.onAddToCart, batch = _a.batch, description = _a.description, avalabilitys = _a.avalabilitys, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'sm' : _b;
-    var _c = (0, react_1.useState)(false), hover = _c[0], setHover = _c[1];
+    var _b;
+    var 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, onClick = _a.onClick, _c = _a.size, size = _c === void 0 ? "sm" : _c;
+    var _d = (0, react_1.useState)(false), hover = _d[0], setHover = _d[1];
     var theme = (0, useCustomTheme_1.useCustomTheme)();
     var sizeStyles = {
-        xs: { cardWidth: '16.25rem', imgHeight: '11.25rem', padding: 3, },
-        sm: { cardWidth: '18rem', imgHeight: '13rem', padding: 4, },
-        md: { cardWidth: '20rem', imgHeight: '15rem', padding: 5, },
-        lg: { cardWidth: '22rem', imgHeight: '17rem', padding: 6, },
+        xs: { cardWidth: "16.25rem", imgHeight: "11.25rem", padding: 3 },
+        sm: { cardWidth: "18rem", imgHeight: "13rem", padding: 4 },
+        md: { cardWidth: "20rem", imgHeight: "15rem", padding: 5 },
+        lg: { cardWidth: "22rem", imgHeight: "17rem", padding: 6 },
     };
-    var _d = sizeStyles[size], cardWidth = _d.cardWidth, imgHeight = _d.imgHeight, padding = _d.padding;
+    var _e = sizeStyles[size], cardWidth = _e.cardWidth, imgHeight = _e.imgHeight, padding = _e.padding;
     var allowedSizes = ["sm", "md", "lg", "xl", "xs"];
     var safeSize = allowedSizes.includes(size) ? size : "md";
     return (react_1.default.createElement(react_2.Box, { borderWidth: "0.063rem", borderRadius: "lg", overflow: "hidden", w: cardWidth, position: "relative", bg: theme.colors.white, boxShadow: "lg" },
         react_1.default.createElement(react_2.Box, { onMouseEnter: function () { return setHover(true); }, onMouseLeave: function () { return setHover(false); }, h: imgHeight, w: "full", overflow: "hidden", onClick: onClick, cursor: "pointer" },
-            react_1.default.createElement(react_2.Image, { src: hover && productImage.hover ? productImage.hover : productImage.visibile, alt: label, w: "full", h: "full" }),
-            batch && (react_1.default.createElement(react_2.Badge, { colorScheme: batch.color || 'green', position: "absolute", top: 2, right: 2, fontSize: {
-                    xs: 'xs',
-                    sm: 'sm',
-                    md: 'md',
-                    lg: 'lg',
+            react_1.default.createElement(react_2.Image, { src: hover && productImage.hover
+                    ? productImage.hover
+                    : productImage.visibile, alt: label, w: "full", h: "full" }),
+            batch && (react_1.default.createElement(react_2.Badge, { colorScheme: batch.color || "green", position: "absolute", top: 2, right: 2, fontSize: {
+                    xs: "xs",
+                    sm: "sm",
+                    md: "md",
+                    lg: "lg",
                 }[size], px: {
                     xs: 1,
                     sm: 2,
@@ -71,6 +74,6 @@ var ProductCard = function (_a) {
                 react_1.default.createElement(ProductLabel_1.default, { label: label, description: description, size: size })),
             tags && react_1.default.createElement(ProductTags_1.default, { tags: tags, size: size }),
             options && react_1.default.createElement(ProductPrice_1.default, { options: options, size: size }),
-            onAddToCart && (react_1.default.createElement(Button_1.default, { colorScheme: "red", size: safeSize, width: "100%", onClick: onAddToCart }, "Add to Cart")))));
+            (button === null || button === void 0 ? void 0 : button.onClick) && (react_1.default.createElement(Button_1.default, { colorScheme: "red", size: safeSize, width: "100%", onClick: button === null || button === void 0 ? void 0 : button.onClick }, (_b = button.label) !== null && _b !== void 0 ? _b : "Add to Cart")))));
 };
 exports.default = ProductCard;

package/dist/Components/ProductCard/ProductCardProps.d.ts

@@ -8,6 +8,10 @@ export type ProductCardProps = {
     reviews?: string | number;
     options?: options[];
     onClick?: () => void;
+    button?: {
+        label: string;
+        onClick: () => void;
+    };
     onAddToCart?: () => void;
     batch?: batch;
     size?: SizeType;

package/dist/Pages/searchSelect.js

@@ -73,6 +73,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var SearchSelect_1 = __importDefault(require("../Components/SearchSelect/SearchSelect"));
+// import { Plus } from "lucide-react";
 var react_2 = require("@chakra-ui/react");
 var max = 149;
 var rrr = function (start, limit) {
@@ -89,7 +90,7 @@ var SearchSelect = function () {
     var _b = (0, react_1.useState)(rrr(1, 50)), soptions = _b[0], setSoptions = _b[1]; // initial 50
     var _c = (0, react_1.useState)(""), search = _c[0], setSearch = _c[1];
     var _d = (0, react_1.useState)(false), paginationLoading = _d[0], setpaginationLoading = _d[1];
-    var _e = (0, react_1.useState)({}), customSelectValue = _e[0], setCustomSelectValue = _e[1];
+    // const [customSelectValue, setCustomSelectValue] = useState<any>({});
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(SearchSelect_1.default
         // width={"250px"}

package/dist/Utils/functions.d.ts

@@ -0,0 +1 @@
+export declare function toWords(str: string): string;

package/dist/Utils/functions.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toWords = void 0;
+function toWords(str) {
+    return str
+        .toLowerCase()
+        .split('_')
+        .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
+        .join(' ');
+}
+exports.toWords = toWords;