pixelize-design-library 2.3.7 → 2.3.9

package/dist/Components/FeedbackForm/FeedbackForm.js

@@ -1,91 +1,22 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FeedbackForm;
-var react_1 = __importStar(require("react"));
-var react_2 = require("@chakra-ui/react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
 // eslint-disable-next-line no-control-regex, no-useless-escape
-var emailRegex = /^(?:[a-zA-Z0-9_'^&\/+{}=?`|~!-]+(?:\.[a-zA-Z0-9_'^&\/+{}=?`|~!-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z-]*[a-zA-Z]:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]+)\])$/;
+const emailRegex = /^(?:[a-zA-Z0-9_'^&\/+{}=?`|~!-]+(?:\.[a-zA-Z0-9_'^&\/+{}=?`|~!-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-zA-Z-]*[a-zA-Z]:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]+)\])$/;
 function FeedbackForm(props) {
-    var _this = this;
     var _a, _b, _c, _d, _e;
-    var onSubmit = props.onSubmit, submitUrl = props.submitUrl, isDisabled = props.isDisabled, defaultValues = props.defaultValues, _f = props.submitText, submitText = _f === void 0 ? "Submit" : _f, _g = props.isSubmittingText, isSubmittingText = _g === void 0 ? "Submitting..." : _g;
-    var toast = (0, react_2.useToast)();
-    var _h = (0, react_1.useState)(false), isSubmitting = _h[0], setIsSubmitting = _h[1];
-    var _j = (0, react_1.useState)((_a = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) !== null && _a !== void 0 ? _a : "comments"), type = _j[0], setType = _j[1];
-    var _k = (0, react_1.useState)((_b = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.message) !== null && _b !== void 0 ? _b : ""), message = _k[0], setMessage = _k[1];
-    var _l = (0, react_1.useState)((_c = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.firstName) !== null && _c !== void 0 ? _c : ""), firstName = _l[0], setFirstName = _l[1];
-    var _m = (0, react_1.useState)((_d = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.lastName) !== null && _d !== void 0 ? _d : ""), lastName = _m[0], setLastName = _m[1];
-    var _o = (0, react_1.useState)((_e = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.email) !== null && _e !== void 0 ? _e : ""), email = _o[0], setEmail = _o[1];
-    var errors = (0, react_1.useMemo)(function () {
+    const { onSubmit, submitUrl, isDisabled, defaultValues, submitText = "Submit", isSubmittingText = "Submitting..." } = props;
+    const toast = (0, react_2.useToast)();
+    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const [type, setType] = (0, react_1.useState)((_a = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) !== null && _a !== void 0 ? _a : "comments");
+    const [message, setMessage] = (0, react_1.useState)((_b = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.message) !== null && _b !== void 0 ? _b : "");
+    const [firstName, setFirstName] = (0, react_1.useState)((_c = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.firstName) !== null && _c !== void 0 ? _c : "");
+    const [lastName, setLastName] = (0, react_1.useState)((_d = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.lastName) !== null && _d !== void 0 ? _d : "");
+    const [email, setEmail] = (0, react_1.useState)((_e = defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.email) !== null && _e !== void 0 ? _e : "");
+    const errors = (0, react_1.useMemo)(() => {
         return {
             message: message.trim().length === 0 ? "Please describe your feedback" : "",
             firstName: firstName.trim().length === 0 ? "First name is required" : "",
@@ -93,82 +24,45 @@ function FeedbackForm(props) {
             email: email.trim().length === 0 ? "Email is required" : !emailRegex.test(email) ? "Enter a valid email" : "",
         };
     }, [message, firstName, lastName, email]);
-    var hasErrors = Object.values(errors).some(Boolean);
-    var handleSubmit = function (e) { return __awaiter(_this, void 0, void 0, function () {
-        var payload, res, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    e.preventDefault();
-                    if (hasErrors) {
-                        toast({ status: "error", title: "Please fix the errors in the form" });
-                        return [2 /*return*/];
-                    }
-                    payload = { type: type, message: message.trim(), firstName: firstName.trim(), lastName: lastName.trim(), email: email.trim() };
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 6, 7, 8]);
-                    setIsSubmitting(true);
-                    if (!onSubmit) return [3 /*break*/, 3];
-                    return [4 /*yield*/, onSubmit(payload)];
-                case 2:
-                    _a.sent();
-                    return [3 /*break*/, 5];
-                case 3:
-                    if (!submitUrl) return [3 /*break*/, 5];
-                    return [4 /*yield*/, fetch(submitUrl, {
-                            method: "POST",
-                            headers: { "Content-Type": "application/json" },
-                            body: JSON.stringify(payload),
-                        })];
-                case 4:
-                    res = _a.sent();
-                    if (!res.ok)
-                        throw new Error("Request failed: ".concat(res.status));
-                    _a.label = 5;
-                case 5:
-                    toast({ status: "success", title: "Thank you for your feedback" });
-                    setMessage("");
-                    setFirstName("");
-                    setLastName("");
-                    setEmail("");
-                    setType("comments");
-                    return [3 /*break*/, 8];
-                case 6:
-                    err_1 = _a.sent();
-                    toast({ status: "error", title: "Could not submit feedback", description: err_1 === null || err_1 === void 0 ? void 0 : err_1.message });
-                    return [3 /*break*/, 8];
-                case 7:
-                    setIsSubmitting(false);
-                    return [7 /*endfinally*/];
-                case 8: return [2 /*return*/];
+    const hasErrors = Object.values(errors).some(Boolean);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (hasErrors) {
+            toast({ status: "error", title: "Please fix the errors in the form" });
+            return;
+        }
+        const payload = { type, message: message.trim(), firstName: firstName.trim(), lastName: lastName.trim(), email: email.trim() };
+        try {
+            setIsSubmitting(true);
+            if (onSubmit) {
+                await onSubmit(payload);
+            }
+            else if (submitUrl) {
+                const res = await fetch(submitUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(payload),
+                });
+                if (!res.ok)
+                    throw new Error(`Request failed: ${res.status}`);
             }
-        });
-    }); };
-    return (react_1.default.createElement(react_2.Box, { as: "form", onSubmit: handleSubmit, width: "100%" },
-        react_1.default.createElement(react_2.FormControl, { as: react_2.Box, mb: 6, isDisabled: isDisabled },
-            react_1.default.createElement(react_2.FormLabel, null, "Feedback Type"),
-            react_1.default.createElement(react_2.RadioGroup, { value: type, onChange: function (v) { return setType(v); } },
-                react_1.default.createElement(react_2.Stack, { direction: "row", spacing: 8 },
-                    react_1.default.createElement(react_2.Radio, { value: "comments" }, "Comments"),
-                    react_1.default.createElement(react_2.Radio, { value: "suggestions" }, "Suggestions"),
-                    react_1.default.createElement(react_2.Radio, { value: "questions" }, "Questions")))),
-        react_1.default.createElement(react_2.FormControl, { mb: 6, isInvalid: !!errors.message, isRequired: true, isDisabled: isDisabled },
-            react_1.default.createElement(react_2.FormLabel, null, "Describe Your Feedback"),
-            react_1.default.createElement(react_2.Textarea, { value: message, onChange: function (e) { return setMessage(e.target.value); }, rows: 6, placeholder: "Tell us more..." }),
-            react_1.default.createElement(react_2.FormErrorMessage, null, errors.message)),
-        react_1.default.createElement(react_2.Grid, { templateColumns: { base: "1fr", md: "1fr 1fr" }, gap: 4, mb: 6 },
-            react_1.default.createElement(react_2.FormControl, { isInvalid: !!errors.firstName, isRequired: true, isDisabled: isDisabled },
-                react_1.default.createElement(react_2.FormLabel, null, "First Name"),
-                react_1.default.createElement(react_2.Input, { value: firstName, onChange: function (e) { return setFirstName(e.target.value); }, placeholder: "First name" }),
-                react_1.default.createElement(react_2.FormErrorMessage, null, errors.firstName)),
-            react_1.default.createElement(react_2.FormControl, { isInvalid: !!errors.lastName, isRequired: true, isDisabled: isDisabled },
-                react_1.default.createElement(react_2.FormLabel, null, "Last Name"),
-                react_1.default.createElement(react_2.Input, { value: lastName, onChange: function (e) { return setLastName(e.target.value); }, placeholder: "Last name" }),
-                react_1.default.createElement(react_2.FormErrorMessage, null, errors.lastName))),
-        react_1.default.createElement(react_2.FormControl, { mb: 6, isInvalid: !!errors.email, isRequired: true, isDisabled: isDisabled },
-            react_1.default.createElement(react_2.FormLabel, null, "E-mail"),
-            react_1.default.createElement(react_2.Input, { type: "email", value: email, onChange: function (e) { return setEmail(e.target.value); }, placeholder: "ex: myname@example.com" }),
-            react_1.default.createElement(react_2.FormErrorMessage, null, errors.email)),
-        react_1.default.createElement(react_2.Button, { type: "submit", colorScheme: "primary", isLoading: isSubmitting, loadingText: isSubmittingText, isDisabled: isDisabled }, submitText)));
+            toast({ status: "success", title: "Thank you for your feedback" });
+            setMessage("");
+            setFirstName("");
+            setLastName("");
+            setEmail("");
+            setType("comments");
+        }
+        catch (err) {
+            toast({
+                status: "error",
+                title: "Could not submit feedback",
+                description: err instanceof Error ? err.message : String(err),
+            });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { as: "form", onSubmit: handleSubmit, width: "100%", children: [(0, jsx_runtime_1.jsxs)(react_2.FormControl, { as: react_2.Box, mb: 6, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { children: "Feedback Type" }), (0, jsx_runtime_1.jsx)(react_2.RadioGroup, { value: type, onChange: (v) => setType(v), children: (0, jsx_runtime_1.jsxs)(react_2.Stack, { direction: "row", spacing: 8, children: [(0, jsx_runtime_1.jsx)(react_2.Radio, { value: "comments", children: "Comments" }), (0, jsx_runtime_1.jsx)(react_2.Radio, { value: "suggestions", children: "Suggestions" }), (0, jsx_runtime_1.jsx)(react_2.Radio, { value: "questions", children: "Questions" })] }) })] }), (0, jsx_runtime_1.jsxs)(react_2.FormControl, { mb: 6, isInvalid: !!errors.message, isRequired: true, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { children: "Describe Your Feedback" }), (0, jsx_runtime_1.jsx)(react_2.Textarea, { value: message, onChange: (e) => setMessage(e.target.value), rows: 6, placeholder: "Tell us more..." }), (0, jsx_runtime_1.jsx)(react_2.FormErrorMessage, { children: errors.message })] }), (0, jsx_runtime_1.jsxs)(react_2.Grid, { templateColumns: { base: "1fr", md: "1fr 1fr" }, gap: 4, mb: 6, children: [(0, jsx_runtime_1.jsxs)(react_2.FormControl, { isInvalid: !!errors.firstName, isRequired: true, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { children: "First Name" }), (0, jsx_runtime_1.jsx)(react_2.Input, { value: firstName, onChange: (e) => setFirstName(e.target.value), placeholder: "First name" }), (0, jsx_runtime_1.jsx)(react_2.FormErrorMessage, { children: errors.firstName })] }), (0, jsx_runtime_1.jsxs)(react_2.FormControl, { isInvalid: !!errors.lastName, isRequired: true, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { children: "Last Name" }), (0, jsx_runtime_1.jsx)(react_2.Input, { value: lastName, onChange: (e) => setLastName(e.target.value), placeholder: "Last name" }), (0, jsx_runtime_1.jsx)(react_2.FormErrorMessage, { children: errors.lastName })] })] }), (0, jsx_runtime_1.jsxs)(react_2.FormControl, { mb: 6, isInvalid: !!errors.email, isRequired: true, isDisabled: isDisabled, children: [(0, jsx_runtime_1.jsx)(react_2.FormLabel, { children: "E-mail" }), (0, jsx_runtime_1.jsx)(react_2.Input, { type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "ex: myname@example.com" }), (0, jsx_runtime_1.jsx)(react_2.FormErrorMessage, { children: errors.email })] }), (0, jsx_runtime_1.jsx)(react_2.Button, { type: "submit", colorScheme: "primary", isLoading: isSubmitting, loadingText: isSubmittingText, isDisabled: isDisabled, children: submitText })] }));
 }

package/dist/Components/FieldSelectModal/FieldSelectModal.d.ts

@@ -24,3 +24,4 @@ export interface FieldSelectModalProps {
 }
 declare const FieldSelectModal: React.FC<FieldSelectModalProps>;
 export default FieldSelectModal;
+//# sourceMappingURL=FieldSelectModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSelectModal.d.ts","sourceRoot":"","sources":["../../../src/Components/FieldSelectModal/FieldSelectModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAsB5D,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,gDAAgD;IAChD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6HrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Components/FieldSelectModal/FieldSelectModal.js

@@ -1,107 +1,33 @@
 "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 framer_motion_1 = require("framer-motion");
-var lucide_react_1 = require("lucide-react");
-var useCustomTheme_1 = require("../../Theme/useCustomTheme");
-var MotionModalContent = (0, framer_motion_1.motion)(react_2.ModalContent);
-var FieldSelectModal = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var isOpen = _a.isOpen, onClose = _a.onClose, fields = _a.fields, onConfirm = _a.onConfirm, _h = _a.title, title = _h === void 0 ? "Select Fields" : _h, _j = _a.confirmText, confirmText = _j === void 0 ? "Apply" : _j, _k = _a.loadingText, loadingText = _k === void 0 ? "Applying..." : _k, _l = _a.isLoading, isLoading = _l === void 0 ? false : _l, defaultSelected = _a.defaultSelected, _m = _a.columns, columns = _m === void 0 ? 2 : _m, searchable = _a.searchable;
-    var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var _o = (0, react_1.useState)([]), selected = _o[0], setSelected = _o[1];
-    var _p = (0, react_1.useState)(""), query = _p[0], setQuery = _p[1];
-    (0, react_1.useEffect)(function () {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const useCustomTheme_1 = require("../../Theme/useCustomTheme");
+const MotionModalContent = (0, framer_motion_1.motion)(react_2.ModalContent);
+const FieldSelectModal = ({ isOpen, onClose, fields, onConfirm, title = "Select Fields", confirmText = "Apply", loadingText = "Applying...", isLoading = false, defaultSelected, columns = 2, searchable, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const theme = (0, useCustomTheme_1.useCustomTheme)();
+    const [selected, setSelected] = (0, react_1.useState)([]);
+    const [query, setQuery] = (0, react_1.useState)("");
+    (0, react_1.useEffect)(() => {
         if (isOpen) {
-            setSelected(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : fields.map(function (f) { return f.field_name; }));
+            setSelected(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : fields.map((f) => f.field_name));
             setQuery("");
         }
     }, [isOpen, fields, defaultSelected]);
-    var showSearch = searchable !== null && searchable !== void 0 ? searchable : fields.length >= 8;
-    var visibleFields = (0, react_1.useMemo)(function () {
+    const showSearch = searchable !== null && searchable !== void 0 ? searchable : fields.length >= 8;
+    const visibleFields = (0, react_1.useMemo)(() => {
         if (!query.trim())
             return fields;
-        var q = query.toLowerCase();
-        return fields.filter(function (f) { return f.field_label.toLowerCase().includes(q); });
+        const q = query.toLowerCase();
+        return fields.filter((f) => f.field_label.toLowerCase().includes(q));
     }, [fields, query]);
-    var toggle = function (name) {
-        return setSelected(function (prev) {
-            return prev.includes(name) ? prev.filter(function (f) { return f !== name; }) : __spreadArray(__spreadArray([], prev, true), [name], false);
-        });
-    };
-    var isAllSelected = selected.length === fields.length && fields.length > 0;
-    var isIndeterminate = selected.length > 0 && selected.length < fields.length;
-    return (react_1.default.createElement(react_2.Modal, { isOpen: isOpen, onClose: onClose, size: "xl", isCentered: true },
-        react_1.default.createElement(react_2.ModalOverlay, { bg: "blackAlpha.400", backdropFilter: "blur(4px)" }),
-        react_1.default.createElement(MotionModalContent, { borderRadius: "16px", overflow: "hidden", maxH: "85vh", initial: { opacity: 0, scale: 0.96, y: 8 }, animate: { opacity: 1, scale: 1, y: 0 }, transition: { duration: 0.2, ease: "easeOut" } },
-            react_1.default.createElement(react_2.ModalHeader, { pb: 2 },
-                react_1.default.createElement(react_2.Text, { fontSize: "lg", fontWeight: 600 }, title),
-                react_1.default.createElement(react_2.Text, { fontSize: "sm", color: (_c = (_b = theme.colors.gray) === null || _b === void 0 ? void 0 : _b[500]) !== null && _c !== void 0 ? _c : "#718096", fontWeight: 400 },
-                    selected.length,
-                    " of ",
-                    fields.length,
-                    " selected")),
-            react_1.default.createElement(react_2.ModalCloseButton, null),
-            react_1.default.createElement(react_2.ModalBody, { overflowY: "auto" },
-                react_1.default.createElement(react_2.Flex, { align: "center", justify: "space-between", mb: 3, gap: 3, wrap: "wrap" },
-                    react_1.default.createElement(react_2.Checkbox, { isChecked: isAllSelected, isIndeterminate: isIndeterminate, onChange: function (e) {
-                            return setSelected(e.target.checked ? fields.map(function (f) { return f.field_name; }) : []);
-                        }, fontWeight: 500 }, "Select all"),
-                    showSearch && (react_1.default.createElement(react_2.InputGroup, { size: "sm", maxW: "220px" },
-                        react_1.default.createElement(react_2.InputLeftElement, { pointerEvents: "none" },
-                            react_1.default.createElement(lucide_react_1.Search, { size: 15, color: (_e = (_d = theme.colors.gray) === null || _d === void 0 ? void 0 : _d[400]) !== null && _e !== void 0 ? _e : "#A0AEC0" })),
-                        react_1.default.createElement(react_2.Input, { placeholder: "Search fields", value: query, onChange: function (e) { return setQuery(e.target.value); }, borderRadius: "8px" })))),
-                react_1.default.createElement(react_2.SimpleGrid, { columns: columns, spacingX: 4, spacingY: 3 }, visibleFields.map(function (field) { return (react_1.default.createElement(react_2.Checkbox, { key: field.field_name, isChecked: selected.includes(field.field_name), onChange: function () { return toggle(field.field_name); } },
-                    react_1.default.createElement(react_2.Text, { fontSize: "sm" }, field.field_label))); })),
-                visibleFields.length === 0 && (react_1.default.createElement(react_2.Text, { fontSize: "sm", color: (_g = (_f = theme.colors.gray) === null || _f === void 0 ? void 0 : _f[500]) !== null && _g !== void 0 ? _g : "#718096", textAlign: "center", py: 6 },
-                    "No fields match \"",
-                    query,
-                    "\""))),
-            react_1.default.createElement(react_2.ModalFooter, { gap: 3 },
-                react_1.default.createElement(react_2.Button, { variant: "outline", colorScheme: "gray", size: "sm", onClick: onClose }, "Cancel"),
-                react_1.default.createElement(react_2.Button, { colorScheme: "primary", size: "sm", isLoading: isLoading, loadingText: loadingText, isDisabled: selected.length === 0, onClick: function () { return onConfirm(selected); } }, confirmText)))));
+    const toggle = (name) => setSelected((prev) => prev.includes(name) ? prev.filter((f) => f !== name) : [...prev, name]);
+    const isAllSelected = selected.length === fields.length && fields.length > 0;
+    const isIndeterminate = selected.length > 0 && selected.length < fields.length;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Modal, { isOpen: isOpen, onClose: onClose, size: "xl", isCentered: true, children: [(0, jsx_runtime_1.jsx)(react_2.ModalOverlay, { bg: "blackAlpha.400", backdropFilter: "blur(4px)" }), (0, jsx_runtime_1.jsxs)(MotionModalContent, { borderRadius: "16px", overflow: "hidden", maxH: "85vh", initial: { opacity: 0, scale: 0.96, y: 8 }, animate: { opacity: 1, scale: 1, y: 0 }, transition: { duration: 0.2, ease: "easeOut" }, children: [(0, jsx_runtime_1.jsxs)(react_2.ModalHeader, { pb: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "lg", fontWeight: 600, children: title }), (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "sm", color: (_b = (_a = theme.colors.gray) === null || _a === void 0 ? void 0 : _a[500]) !== null && _b !== void 0 ? _b : "#718096", fontWeight: 400, children: [selected.length, " of ", fields.length, " selected"] })] }), (0, jsx_runtime_1.jsx)(react_2.ModalCloseButton, {}), (0, jsx_runtime_1.jsxs)(react_2.ModalBody, { overflowY: "auto", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", justify: "space-between", mb: 3, gap: 3, wrap: "wrap", children: [(0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: isAllSelected, isIndeterminate: isIndeterminate, onChange: (e) => setSelected(e.target.checked ? fields.map((f) => f.field_name) : []), fontWeight: 500, children: "Select all" }), showSearch && ((0, jsx_runtime_1.jsxs)(react_2.InputGroup, { size: "sm", maxW: "220px", children: [(0, jsx_runtime_1.jsx)(react_2.InputLeftElement, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Search, { size: 15, color: (_d = (_c = theme.colors.gray) === null || _c === void 0 ? void 0 : _c[400]) !== null && _d !== void 0 ? _d : "#A0AEC0" }) }), (0, jsx_runtime_1.jsx)(react_2.Input, { placeholder: "Search fields", value: query, onChange: (e) => setQuery(e.target.value), borderRadius: "8px" })] }))] }), (0, jsx_runtime_1.jsx)(react_2.SimpleGrid, { columns: columns, spacingX: 4, spacingY: 3, children: visibleFields.map((field) => ((0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: selected.includes(field.field_name), onChange: () => toggle(field.field_name), children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", children: field.field_label }) }, field.field_name))) }), visibleFields.length === 0 && ((0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "sm", color: (_f = (_e = theme.colors.gray) === null || _e === void 0 ? void 0 : _e[500]) !== null && _f !== void 0 ? _f : "#718096", textAlign: "center", py: 6, children: ["No fields match \"", query, "\""] }))] }), (0, jsx_runtime_1.jsxs)(react_2.ModalFooter, { gap: 3, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { variant: "outline", colorScheme: "gray", size: "sm", onClick: onClose, children: "Cancel" }), (0, jsx_runtime_1.jsx)(react_2.Button, { colorScheme: "primary", size: "sm", isLoading: isLoading, loadingText: loadingText, isDisabled: selected.length === 0, onClick: () => onConfirm(selected), children: confirmText })] })] })] }));
 };
 exports.default = FieldSelectModal;

package/dist/Components/FilePreview/FilePreview.d.ts

@@ -4,3 +4,4 @@ export declare const FilePreview: React.FC<FilePreviewProps>;
 /** Thumbnail with a hover "preview" affordance that opens {@link FilePreview}. */
 export declare const FilePreviewTrigger: React.FC<FilePreviewTriggerProps>;
 export default FilePreview;
+//# sourceMappingURL=FilePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../src/Components/FilePreview/FilePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAyBxC,OAAO,EAEL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,oBAAoB,CAAC;AA6B5B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsKlD,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuEhE,CAAC;AAEF,eAAe,WAAW,CAAC"}