pixelize-design-library 2.3.7 → 2.3.9

package/dist/Components/FileUploader/FileUploader.js

@@ -1,81 +1,39 @@
 "use strict";
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var Toaster_1 = require("../Toaster/Toaster");
-var FileUploader = function (_a) {
-    var _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, _c = _a.maxTotalSize, maxTotalSize = _c === void 0 ? 20 : _c, onFilesChange = _a.onFilesChange, _d = _a.acceptTypes, acceptTypes = _d === void 0 ? ["jpeg", "jpg", "png"] : _d;
-    var showToast = (0, Toaster_1.useToaster)().showToast;
-    var _e = (0, react_1.useState)([]), uploadedFiles = _e[0], setUploadedFiles = _e[1];
-    var _f = (0, react_1.useState)(false), setIsDragOver = _f[1];
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const lucide_react_1 = require("lucide-react");
+const Toaster_1 = require("../Toaster/Toaster");
+const FileUploader = ({ maxFiles = 10, maxTotalSize = 20, onFilesChange, acceptTypes = ["jpeg", "jpg", "png"], }) => {
+    const { showToast } = (0, Toaster_1.useToaster)();
+    const [uploadedFiles, setUploadedFiles] = (0, react_1.useState)([]);
+    const [, setIsDragOver] = (0, react_1.useState)(false);
     // const [error, setError] = useState<string | null>(null);
-    var fileInputRef = (0, react_1.useRef)(null);
-    var totalSize = uploadedFiles.reduce(function (acc, f) { return acc + f.size; }, 0);
-    var maxTotalBytes = maxTotalSize * 1024 * 1024;
-    var formatFileSize = function (bytes) {
+    const fileInputRef = (0, react_1.useRef)(null);
+    const totalSize = uploadedFiles.reduce((acc, f) => acc + f.size, 0);
+    const maxTotalBytes = maxTotalSize * 1024 * 1024;
+    const formatFileSize = (bytes) => {
         if (bytes === 0)
             return "0 KB";
-        var k = 1024;
-        var sizes = ["Bytes", "KB", "MB"];
-        var i = Math.floor(Math.log(bytes) / Math.log(k));
-        return "".concat((bytes / Math.pow(k, i)).toFixed(2), " ").concat(sizes[i]);
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${(bytes / Math.pow(k, i)).toFixed(2)} ${sizes[i]}`;
     };
-    var handleFiles = function (files) {
+    const handleFiles = (files) => {
         // setError(null);
-        var newFiles = Array.from(files).map(function (file) { return ({
+        const newFiles = Array.from(files).map((file) => ({
             id: Math.random().toString(36).substring(2),
             name: file.name,
             size: file.size,
             previewUrl: file.type.startsWith("image/") ? URL.createObjectURL(file) : "",
-        }); });
-        var combinedFiles = __spreadArray(__spreadArray([], uploadedFiles, true), newFiles, true).slice(0, maxFiles);
-        var totalSizeBytes = combinedFiles.reduce(function (acc, f) { return acc + f.size; }, 0);
+        }));
+        const combinedFiles = [...uploadedFiles, ...newFiles].slice(0, maxFiles);
+        const totalSizeBytes = combinedFiles.reduce((acc, f) => acc + f.size, 0);
         if (totalSizeBytes > maxTotalBytes) {
             showToast({
-                title: "Total file size exceeds ".concat(maxTotalSize, " MB limit."),
+                title: `Total file size exceeds ${maxTotalSize} MB limit.`,
                 duration: 3000,
                 status: "error",
             });
@@ -84,73 +42,34 @@ var FileUploader = function (_a) {
         setUploadedFiles(combinedFiles);
         onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(combinedFiles);
     };
-    var handleFileInput = function (e) {
+    const handleFileInput = (e) => {
         if (e.target.files) {
             handleFiles(e.target.files);
             e.target.value = ""; // fix: reopen file dialog for same files
         }
     };
-    var handleDrop = function (e) {
+    const handleDrop = (e) => {
         e.preventDefault();
         setIsDragOver(false);
         if (e.dataTransfer.files)
             handleFiles(e.dataTransfer.files);
     };
-    var handleDragOver = function (e) {
+    const handleDragOver = (e) => {
         e.preventDefault();
         setIsDragOver(true);
     };
-    var handleDragLeave = function () { return setIsDragOver(false); };
-    var removeFile = function (id) {
-        var filtered = uploadedFiles.filter(function (f) { return f.id !== id; });
+    const handleDragLeave = () => setIsDragOver(false);
+    const removeFile = (id) => {
+        const filtered = uploadedFiles.filter((f) => f.id !== id);
         setUploadedFiles(filtered);
         onFilesChange === null || onFilesChange === void 0 ? void 0 : onFilesChange(filtered);
     };
-    var handleBrowseClick = function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    const handleBrowseClick = () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
     // ✅ Convert ["png","pdf","zip"] → ".png,.pdf,.zip" for input accept
-    var acceptString = acceptTypes.map(function (ext) { return ".".concat(ext); }).join(",");
-    return (react_1.default.createElement(react_2.Box, { maxW: "500px", mx: "auto", p: 6 },
-        react_1.default.createElement(react_2.Text, { fontSize: "sm", color: "gray.600", mb: 4 },
-            "Files Uploaded:",
-            " ",
-            react_1.default.createElement(react_2.Text, { as: "span", fontWeight: "medium", color: "blue.500" },
-                uploadedFiles.length,
-                " / ",
-                maxFiles),
-            " ",
-            "| Total size:",
-            " ",
-            react_1.default.createElement(react_2.Text, { as: "span", fontWeight: "medium" },
-                formatFileSize(totalSize),
-                " / ",
-                maxTotalSize,
-                " MB")),
-        react_1.default.createElement(react_2.Box, { border: "1px dashed", borderColor: "gray.300", borderRadius: "md", p: 1, mt: 1, mb: 1 },
-            uploadedFiles.length > 0 && (react_1.default.createElement(react_2.Box, null,
-                react_1.default.createElement(react_2.Grid, { templateColumns: "repeat(2, 1fr)", gap: 3 }, uploadedFiles.map(function (file) {
-                    var _a;
-                    return (react_1.default.createElement(react_2.Flex, { key: file.id, align: "center", justify: "space-between", border: "1px solid", borderColor: "gray.200", borderRadius: "md", pl: 1, bg: "gray.50" },
-                        react_1.default.createElement(react_2.HStack, { spacing: 3, flex: "1", minW: "0" },
-                            file.previewUrl ? (react_1.default.createElement(react_2.Image, { src: file.previewUrl, alt: file.name, boxSize: "28px", borderRadius: "sm", objectFit: "cover" })) : (react_1.default.createElement(react_2.Box, { boxSize: "28px", borderRadius: "sm", bg: "gray.200", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "xs", color: "gray.600" }, (_a = file.name.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toUpperCase())),
-                            react_1.default.createElement(react_2.Box, { minW: "0" },
-                                react_1.default.createElement(react_2.Text, { fontSize: "sm", fontWeight: "medium", noOfLines: 1 }, file.name),
-                                react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.600" },
-                                    "(",
-                                    formatFileSize(file.size),
-                                    ")"))),
-                        react_1.default.createElement(react_2.HStack, { spacing: 1 },
-                            react_1.default.createElement(react_2.Tooltip, { label: "Remove" },
-                                react_1.default.createElement(react_2.IconButton, { "aria-label": "Remove", icon: react_1.default.createElement(lucide_react_1.X, { size: 14 }), size: "xs", variant: "ghost", colorScheme: "red", onClick: function () { return removeFile(file.id); } })))));
-                })))),
-            react_1.default.createElement("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptString, onChange: handleFileInput, style: { display: "none" } }),
-            react_1.default.createElement(react_2.Box, { p: uploadedFiles.length ? 0 : 5, mb: 2, textAlign: uploadedFiles.length ? "left" : "center", pt: uploadedFiles.length ? 5 : 5, transition: "all 0.2s", onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, cursor: "pointer", onClick: handleBrowseClick },
-                react_1.default.createElement(react_2.Box, null,
-                    react_1.default.createElement(react_2.Text, { fontWeight: "medium", fontSize: "md" },
-                        "Drag and drop the files here, or",
-                        react_1.default.createElement(react_2.Box, { as: "span", color: "blue.400", ml: 1 }, "Click here"))),
-                react_1.default.createElement(react_2.Text, { fontSize: "xs", color: "gray.500" },
-                    "Supported formats: ",
-                    acceptTypes.map(function (t) { return t.toUpperCase(); }).join(", "),
-                    ".")))));
+    const acceptString = acceptTypes.map((ext) => `.${ext}`).join(",");
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { maxW: "500px", mx: "auto", p: 6, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "sm", color: "gray.600", mb: 4, children: ["Files Uploaded:", " ", (0, jsx_runtime_1.jsxs)(react_2.Text, { as: "span", fontWeight: "medium", color: "blue.500", children: [uploadedFiles.length, " / ", maxFiles] }), " ", "| Total size:", " ", (0, jsx_runtime_1.jsxs)(react_2.Text, { as: "span", fontWeight: "medium", children: [formatFileSize(totalSize), " / ", maxTotalSize, " MB"] })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { border: "1px dashed", borderColor: "gray.300", borderRadius: "md", p: 1, mt: 1, mb: 1, children: [uploadedFiles.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsx)(react_2.Grid, { templateColumns: "repeat(2, 1fr)", gap: 3, children: uploadedFiles.map((file) => {
+                                var _a;
+                                return ((0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", justify: "space-between", border: "1px solid", borderColor: "gray.200", borderRadius: "md", pl: 1, bg: "gray.50", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 3, flex: "1", minW: "0", children: [file.previewUrl ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: file.previewUrl, alt: file.name, boxSize: "28px", borderRadius: "sm", objectFit: "cover" })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { boxSize: "28px", borderRadius: "sm", bg: "gray.200", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "xs", color: "gray.600", children: (_a = file.name.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toUpperCase() })), (0, jsx_runtime_1.jsxs)(react_2.Box, { minW: "0", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", fontWeight: "medium", noOfLines: 1, children: file.name }), (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "xs", color: "gray.600", children: ["(", formatFileSize(file.size), ")"] })] })] }), (0, jsx_runtime_1.jsx)(react_2.HStack, { spacing: 1, children: (0, jsx_runtime_1.jsx)(react_2.Tooltip, { label: "Remove", children: (0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Remove", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 14 }), size: "xs", variant: "ghost", colorScheme: "red", onClick: () => removeFile(file.id) }) }) })] }, file.id));
+                            }) }) })), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", multiple: true, accept: acceptString, onChange: handleFileInput, style: { display: "none" } }), (0, jsx_runtime_1.jsxs)(react_2.Box, { p: uploadedFiles.length ? 0 : 5, mb: 2, textAlign: uploadedFiles.length ? "left" : "center", pt: uploadedFiles.length ? 5 : 5, transition: "all 0.2s", onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, cursor: "pointer", onClick: handleBrowseClick, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsxs)(react_2.Text, { fontWeight: "medium", fontSize: "md", children: ["Drag and drop the files here, or", (0, jsx_runtime_1.jsx)(react_2.Box, { as: "span", color: "blue.400", ml: 1, children: "Click here" })] }) }), (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "xs", color: "gray.500", children: ["Supported formats: ", acceptTypes.map((t) => t.toUpperCase()).join(", "), "."] })] })] })] }));
 };
 exports.default = FileUploader;

package/dist/Components/FileUploader/FileUploaderProps.d.ts

@@ -11,3 +11,4 @@ export type FileUploaderProps = {
     acceptTypes?: string[];
     onFilesChange?: (files: UploadedFile[]) => void;
 };
+//# sourceMappingURL=FileUploaderProps.d.ts.map

package/dist/Components/FileUploader/FileUploaderProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderProps.d.ts","sourceRoot":"","sources":["../../../src/Components/FileUploader/FileUploaderProps.tsx"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAE;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CACjD,CAAA"}

package/dist/Components/FilterSidebar/FilterSidebar.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import type { FilterValues } from "../Table/filterTypes";
 export type FilterOption = {
     id: string;
     label: string;
@@ -21,7 +22,7 @@ export type FilterSection = {
     checkboxes?: boolean;
     radio?: boolean;
 };
-export type SelectedFilters = Record<string, any>;
+export type SelectedFilters = FilterValues;
 export type FilterSidebarProps = {
     sidebarOptions: FilterSection[];
     selected?: SelectedFilters;
@@ -40,3 +41,4 @@ export type FilterSidebarProps = {
 };
 declare const FilterSidebar: React.FC<FilterSidebarProps>;
 export default FilterSidebar;
+//# sourceMappingURL=FilterSidebar.d.ts.map

package/dist/Components/FilterSidebar/FilterSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSidebar.d.ts","sourceRoot":"","sources":["../../../src/Components/FilterSidebar/FilterSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAMnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4qB/C,CAAC;AAEF,eAAe,aAAa,CAAC"}