sea-react-components 1.3.1 → 1.3.3

package/dist/HOC/can-access-application/index.js

@@ -6,6 +6,6 @@ export default function CanAccessApplication(WrappedComponent, { applicationKey,
         const canAccess = hasApplicationAccess(applicationKey);
         if (!canAccess)
             return _jsx(_Fragment, { children: fallback });
-        return _jsx(WrappedComponent, Object.assign({}, props));
+        return _jsx(WrappedComponent, { ...props });
     };
 }

package/dist/HOC/with-authorization/index.js

@@ -6,7 +6,7 @@ export default function WithAuthorization(WrappedComponent, { requiredPermission
         const isAuthorized = validatePermissions(requiredPermissions, strategy, hasPermission);
         if (!isAuthorized)
             return _jsx(_Fragment, { children: fallback });
-        return _jsx(WrappedComponent, Object.assign({}, props));
+        return _jsx(WrappedComponent, { ...props });
     };
 }
 function validatePermissions(requiredPermissions, strategy, hasPermission) {

package/dist/components/activity-message/index.d.ts

@@ -0,0 +1,7 @@
+import { DTO } from "sea-platform-helpers";
+type Props = {
+    activity: DTO.Activity.IActivity;
+};
+export default function ActivityMessage({ activity }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/activity-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/activity-message/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAE7D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;CAClC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA6Q1D"}

package/dist/components/activity-message/index.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONSTANTS, Utils } from "sea-platform-helpers";
+export default function ActivityMessage({ activity }) {
+    let message = null;
+    switch (activity.type) {
+        case CONSTANTS.Activity.ActivityTypes.SystemAction: {
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewCommentAdded: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New comment added", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Comment updated" }), _jsxs("div", { className: "text-sm", children: [_jsxs("p", { children: ["From:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.from })] }), _jsxs("p", { children: ["To:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] })] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.CommentGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Comment delete", " ", _jsx("span", { className: "font-semibold", children: metadata.description })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewProjectCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New project created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Project updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.budget && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Budget:", " ", _jsx("span", { className: "font-semibold", children: Utils.Number.numeralUtils(metadata.budget.to).format(`0,0.00`) })] }) })), metadata.owner && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Owner:", " ", _jsx("span", { className: "font-semibold", children: metadata.owner.to.name })] }) })), metadata.startDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Start Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.startDate.to) })] }) })), metadata.endDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["End Date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.endDate.to) })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.ProjectGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Project deleted", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.NewTaskCreated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["New task created", " ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetUpdated: {
+            const metadata = activity.metadata;
+            message = (_jsxs("div", { className: "flex flex-col gap-[1px]", children: [_jsx("p", { children: "Task updated" }), _jsxs("div", { className: "text-sm", children: [metadata.title && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Title:", " ", _jsx("span", { className: "font-semibold", children: metadata.title.to })] }) })), metadata.description && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Description:", " ", _jsx("span", { className: "font-semibold", children: metadata.description.to })] }) })), metadata.section && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Section:", " ", _jsx("span", { className: "font-semibold", children: metadata.section.to.name })] }) })), metadata.milestone && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Milestone:", " ", _jsx("span", { className: "font-semibold", children: metadata.milestone.to.title })] }) })), metadata.priority && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Priority:", " ", _jsx("span", { className: "font-semibold", children: metadata.priority.to })] }) })), metadata.assignedAccount && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Assigned to:", " ", _jsx("span", { className: "font-semibold", children: metadata.assignedAccount.to.name })] }) })), metadata.dueDate && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Due date:", " ", _jsx("span", { className: "font-semibold", children: Utils.Moment.formatDate(metadata.dueDate.to) })] }) })), metadata.isCompleted && (_jsx("div", { className: "flex gap-1", children: _jsxs("p", { children: ["Completed:", " ", _jsx("span", { className: "font-semibold", children: metadata.isCompleted.toString() })] }) }))] })] }));
+            break;
+        }
+        case CONSTANTS.Activity.ActivityTypes.TaskGetDeleted: {
+            const metadata = activity.metadata;
+            message = (_jsxs("p", { children: ["Task deleted ", _jsx("span", { className: "font-semibold", children: metadata.title })] }));
+            break;
+        }
+        default: {
+            message = _jsxs("p", { children: ["Activity type ", activity.type, " is not supported."] });
+            break;
+        }
+    }
+    return _jsxs("div", { className: "text-text line-clamp-2 truncate", children: [" ", message, " "] });
+}

package/dist/components/auto-complete-input/index.js

@@ -1,25 +1,13 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import SearchInput from "../search-input";
 import clsx from "clsx";
 import Loader from "../loader";
-export default function AutoCompleteInput(_a) {
-    var _b;
-    var { name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderContainer } = _a, rest = __rest(_a, ["name", "options", "selectedOptions", "setSelectedOptions", "onOptionSelect", "value", "onChange", "onDebouncedChange", "loading", "multiselect", "renderSelectedOptions", "renderContainer"]);
+export default function AutoCompleteInput({ name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderContainer, ...rest }) {
+    var _a;
     const [show, setShow] = useState(false);
-    const [inputValue, setInputValue] = useState((_b = value === null || value === void 0 ? void 0 : value.toString()) !== null && _b !== void 0 ? _b : "");
+    const [inputValue, setInputValue] = useState((_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : "");
     const containerRef = useRef(null);
     useEffect(() => {
         const handler = (e) => {
@@ -67,13 +55,13 @@ export default function AutoCompleteInput(_a) {
         var _a;
         setInputValue((_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : "");
     }, [value]);
-    const input = (_jsx(SearchInput, Object.assign({ name: name, value: inputValue, onFocus: () => setShow(true), onChange: (e) => {
+    const input = (_jsx(SearchInput, { name: name, value: inputValue, onFocus: () => setShow(true), onChange: (e) => {
             setInputValue(e.target.value);
             onChange === null || onChange === void 0 ? void 0 : onChange(e);
         }, onDebouncedChange: (val) => {
             setShow(true);
             onDebouncedChange === null || onDebouncedChange === void 0 ? void 0 : onDebouncedChange(val);
-        }, autoComplete: "off" }, rest)));
+        }, autoComplete: "off", ...rest }));
     const dropdown = show && inputValue.trim() !== "" ? (_jsx("div", { className: "absolute z-10 w-full mt-1 bg-white border rounded shadow max-h-60 overflow-y-auto", children: loading ? (_jsx("div", { className: "p-4 flex justify-center items-center", children: _jsx(Loader, {}) })) : filteredOptions.length > 0 ? (filteredOptions.map((o, i) => (_jsx("div", { className: clsx("px-4 py-2 cursor-pointer custom-animation hover:bg-primary hover:bg-opacity-20"), onClick: () => handleSelect(o), children: o.label }, `${name}-option-${i}`)))) : (_jsx("div", { className: "p-4 text-center text-gray-400", children: "No options found" })) })) : null;
     const selected = selectedOptions.length
         ? renderSelectedOptions === null || renderSelectedOptions === void 0 ? void 0 : renderSelectedOptions(selectedOptions)

package/dist/components/avatar/index.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { PROFILE_PLACEHOLDER_IMAGE } from "../../constants/index";
@@ -27,13 +16,12 @@ const textSizeClasses = {
     lg: "text-base",
     xl: "text-base",
 };
-export default function Avatar(_a) {
-    var { url, alt, size = "md", placeholder = PROFILE_PLACEHOLDER_IMAGE, className, placeholderSource = "image" } = _a, props = __rest(_a, ["url", "alt", "size", "placeholder", "className", "placeholderSource"]);
+export default function Avatar({ url, alt, size = "md", placeholder = PROFILE_PLACEHOLDER_IMAGE, className, placeholderSource = "image", ...props }) {
     const sizeValue = sizeValues[size];
     const textClass = textSizeClasses[size];
     if (!url && placeholderSource === "letters")
         return (_jsx("div", { style: { width: sizeValue, height: sizeValue }, className: "flex items-center justify-center rounded-full bg-gray-100 border-[1px] border-gray-200", children: _jsxs("p", { className: textClass, children: [" ", Utils.String.getInitials(alt)] }) }));
     if (!url && placeholderSource === "image")
         url = url || placeholder;
-    return (_jsx("img", Object.assign({}, props, { src: url, alt: alt, width: sizeValue, height: sizeValue, className: clsx("object-cover rounded-full border-[1px] border-gray-400", className) })));
+    return (_jsx("img", { ...props, src: url, alt: alt, width: sizeValue, height: sizeValue, className: clsx("object-cover rounded-full border-[1px] border-gray-400", className) }));
 }

package/dist/components/button/index.js

@@ -1,18 +1,6 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "@iconify/react";
-export default function Button(_a) {
-    var { loading = false, disabled, className, children } = _a, props = __rest(_a, ["loading", "disabled", "className", "children"]);
-    return (_jsx("button", Object.assign({ className: clsx("px-2 py-1 rounded-lg disabled:bg-gray-200 text-white transition-all duration-300 ease-in-out flex items-center justify-center", !loading && !disabled && "hover:bg-opacity-70", className ? className : "bg-primary", disabled && "bg-gray-300"), disabled: disabled }, props, { children: loading ? (_jsx(Icon, { icon: "line-md:loading-loop", className: "w-6 h-6" })) : (children) })));
+export default function Button({ loading = false, disabled, className, children, ...props }) {
+    return (_jsx("button", { className: clsx("px-2 py-1 rounded-lg disabled:bg-gray-200 text-white transition-all duration-300 ease-in-out flex items-center justify-center", !loading && !disabled && "hover:bg-opacity-70", className ? className : "bg-primary", disabled && "bg-gray-300"), disabled: disabled, ...props, children: loading ? (_jsx(Icon, { icon: "line-md:loading-loop", className: "w-6 h-6" })) : (children) }));
 }

package/dist/components/color-picker/index.js

@@ -1,22 +1,10 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isColorLight } from "../../utils/color";
-export default function ColorPicker(_a) {
-    var { color, setColor, showDisplay = true, className = "", style } = _a, props = __rest(_a, ["color", "setColor", "showDisplay", "className", "style"]);
+export default function ColorPicker({ color, setColor, showDisplay = true, className = "", style, ...props }) {
     return (_jsxs("label", { className: `relative inline-block overflow-hidden ${className}`, style: style, children: [showDisplay && (_jsx("div", { className: "w-full h-full flex items-center justify-center", style: {
                     backgroundColor: color,
                     color: isColorLight(color) ? "#000000" : "#FFFFFF",
                     borderRadius: "inherit",
-                }, children: _jsx("p", { className: "text-xs", children: color }) })), _jsx("input", Object.assign({ type: "color", className: "absolute inset-0 w-full h-full opacity-0 appearance-none cursor-pointer", value: color, onChange: (e) => setColor(e.target.value) }, props))] }));
+                }, children: _jsx("p", { className: "text-xs", children: color }) })), _jsx("input", { type: "color", className: "absolute inset-0 w-full h-full opacity-0 appearance-none cursor-pointer", value: color, onChange: (e) => setColor(e.target.value), ...props })] }));
 }

package/dist/components/file-input/index.js

@@ -1,13 +1,4 @@
 "use client";
-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());
-    });
-};
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 export var AcceptedTypes;
@@ -49,39 +40,50 @@ export default function FileInput({ name, acceptedTypes = [], initialFiles = [],
         setFiles((prev) => [...prev, ...newFiles]);
         newFiles.forEach(handleUploadFile);
     };
-    const handleUploadFile = (file) => __awaiter(this, void 0, void 0, function* () {
-        setFiles((prev) => prev.map((f) => f.id === file.id ? Object.assign(Object.assign({}, f), { status: UploadStatuses.Uploading }) : f));
+    const handleUploadFile = async (file) => {
+        setFiles((prev) => prev.map((f) => f.id === file.id ? { ...f, status: UploadStatuses.Uploading } : f));
         try {
-            const result = yield onUpload(file);
+            const result = await onUpload(file);
             onUploadSuccess === null || onUploadSuccess === void 0 ? void 0 : onUploadSuccess(result); // This allows parent to set `iconFileId`
             // For single-file mode: remove old uploaded file if any
             if (!multiple) {
-                const uploadedFile = Object.assign(Object.assign({}, file), { serverId: result.id, status: UploadStatuses.Uploaded, progress: 100 });
+                const uploadedFile = {
+                    ...file,
+                    serverId: result.id,
+                    status: UploadStatuses.Uploaded,
+                    progress: 100,
+                };
                 const oldUploaded = files.find((f) => f.status === UploadStatuses.Uploaded);
                 // Delete old uploaded file
                 if (oldUploaded && oldUploaded.serverId) {
-                    yield onDelete(oldUploaded);
+                    await onDelete(oldUploaded);
                     onDeleteSuccess === null || onDeleteSuccess === void 0 ? void 0 : onDeleteSuccess(oldUploaded);
                 }
                 setFiles([uploadedFile]); // Keep only the new one
             }
             else {
                 setFiles((prev) => prev.map((f) => f.id === file.id
-                    ? Object.assign(Object.assign({}, f), { serverId: result.id, status: UploadStatuses.Uploaded, progress: 100 }) : f));
+                    ? {
+                        ...f,
+                        serverId: result.id,
+                        status: UploadStatuses.Uploaded,
+                        progress: 100,
+                    }
+                    : f));
             }
         }
         catch (_a) {
-            setFiles((prev) => prev.map((f) => f.id === file.id ? Object.assign(Object.assign({}, f), { status: UploadStatuses.Failed }) : f));
+            setFiles((prev) => prev.map((f) => f.id === file.id ? { ...f, status: UploadStatuses.Failed } : f));
         }
-    });
-    const handleDeleteFile = (file) => __awaiter(this, void 0, void 0, function* () {
+    };
+    const handleDeleteFile = async (file) => {
         try {
-            const result = yield onDelete(file);
+            const result = await onDelete(file);
             onDeleteSuccess === null || onDeleteSuccess === void 0 ? void 0 : onDeleteSuccess(result);
             setFiles((prev) => prev.filter((f) => f.serverId !== result.id));
         }
         catch (_a) { }
-    });
+    };
     useEffect(() => {
         if (initialFiles && initialFiles.length > 0) {
             setFiles(initialFiles);

package/dist/components/input/index.js

@@ -1,21 +1,9 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "@iconify/react";
 import clsx from "clsx";
 import { useState } from "react";
-export default function Input(_a) {
-    var { errorMessage, className, start = null, end = null, ref, type } = _a, props = __rest(_a, ["errorMessage", "className", "start", "end", "ref", "type"]);
+export default function Input({ errorMessage, className, start = null, end = null, ref, type, ...props }) {
     const [isFocused, setIsFocused] = useState(false);
     const [currentType, setCurrentType] = useState(type);
     if (type === "password") {
@@ -29,5 +17,5 @@ export default function Input(_a) {
                     ? "border-error"
                     : isFocused
                         ? "border-primary"
-                        : "border-gray-200"), children: [start, _jsx("input", Object.assign({ ref: ref, type: currentType, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: clsx("outline-none text-text flex-1", className) }, props)), end] }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+                        : "border-gray-200"), children: [start, _jsx("input", { ref: ref, type: currentType, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: clsx("outline-none text-text flex-1", className), ...props }), end] }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
 }

package/dist/components/list-item/index.js

@@ -19,5 +19,5 @@ export default function ListItem({ title, name, filters = [], totalPages, query,
                     : "justify-end"), children: [showFiltersRow && (_jsxs("div", { className: "flex items-end gap-2 flex-wrap", children: [_jsx(SearchInput, { placeholder: `search about ${name}`, value: query, onDebouncedChange: setQuery, QueryDebouncedTime: QueryDebouncedTime }), filters.map((f, i) => (_jsxs("div", { className: "flex flex-col gap-1", children: [f.label && (_jsx("p", { className: "text-text font-semibold", children: f.label })), _jsx(Select, { name: `table-${name}-filter-${f.label}-${i}`, values: [f.value], setValues: (newValues) => f.setValue(newValues[0]), options: [
                                             { label: "All", value: DEFAULT_FILTER_VALUE },
                                             ...f.options,
-                                        ], placeholder: f.label })] }, `table-${name}-filter-${f.label}-${i}`)))] })), bulkActionFeature && (_jsx("div", { className: "flex items-center gap-2 justify-end w-full md:w-fit", children: bulkActionFeature.bulkActions.map((a, i) => (_jsx(Button, Object.assign({}, a, { disabled: bulkActionFeature.selectedRowIds.length === 0 }), `table-${name}-bulk-action-${i}`))) }))] }), _jsx("div", { className: "overflow-x-auto", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx(_Fragment, { children: children })) }), showPaginationRow && (_jsxs("div", { className: "flex items-center justify-end gap-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-text text-sm", children: "Rows per page" }), _jsx(Select, { name: `${name}-select`, values: [rowsPerPage], setValues: (newValues) => setRowsPerPage(newValues[0]), options: rowsPerPageOptions })] }), totalPages >= 1 && (_jsx(Pagination, { name: name, page: page, setPage: setPage, totalPages: totalPages }))] }))] }));
+                                        ], placeholder: f.label })] }, `table-${name}-filter-${f.label}-${i}`)))] })), bulkActionFeature && (_jsx("div", { className: "flex items-center gap-2 justify-end w-full md:w-fit", children: bulkActionFeature.bulkActions.map((a, i) => (_jsx(Button, { ...a, disabled: bulkActionFeature.selectedRowIds.length === 0 }, `table-${name}-bulk-action-${i}`))) }))] }), _jsx("div", { className: "overflow-x-auto", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx(_Fragment, { children: children })) }), showPaginationRow && (_jsxs("div", { className: "flex items-center justify-end gap-5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-text text-sm", children: "Rows per page" }), _jsx(Select, { name: `${name}-select`, values: [rowsPerPage], setValues: (newValues) => setRowsPerPage(newValues[0]), options: rowsPerPageOptions })] }), totalPages >= 1 && (_jsx(Pagination, { name: name, page: page, setPage: setPage, totalPages: totalPages }))] }))] }));
 }

package/dist/components/menu/index.js

@@ -1,19 +1,7 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Menu as SMenu, MenuButton } from "@szhsin/react-menu";
 import clsx from "clsx";
-export default function Menu(_a) {
-    var { menuButton, children, className } = _a, props = __rest(_a, ["menuButton", "children", "className"]);
-    return (_jsx(SMenu, Object.assign({ menuButton: _jsx(MenuButton, { children: menuButton }) }, props, { children: _jsx("div", { className: clsx("bg-white rounded-xl shadow-lg", className), children: children }) })));
+export default function Menu({ menuButton, children, className, ...props }) {
+    return (_jsx(SMenu, { menuButton: _jsx(MenuButton, { children: menuButton }), ...props, children: _jsx("div", { className: clsx("bg-white rounded-xl shadow-lg", className), children: children }) }));
 }

package/dist/components/menu/menu-item/index.js

@@ -1,19 +1,7 @@
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { MenuItem as SMenuItem } from "@szhsin/react-menu";
-export default function MenuItem(_a) {
-    var { children, className, selected = false, disabled = false } = _a, props = __rest(_a, ["children", "className", "selected", "disabled"]);
-    return (_jsx("div", Object.assign({ className: clsx("rounded-md transition-all duration-300 ease-in-out", selected && "bg-primary", !disabled ? "hover:bg-primary hover:bg-opacity-50" : "bg-gray-200", className) }, props, { children: _jsx(SMenuItem, { disabled: disabled, children: children }) })));
+export default function MenuItem({ children, className, selected = false, disabled = false, ...props }) {
+    return (_jsx("div", { className: clsx("rounded-md transition-all duration-300 ease-in-out", selected && "bg-primary", !disabled ? "hover:bg-primary hover:bg-opacity-50" : "bg-gray-200", className), ...props, children: _jsx(SMenuItem, { disabled: disabled, children: children }) }));
 }

package/dist/components/modal/index.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "@iconify/react";
 import clsx from "clsx";
@@ -29,15 +18,14 @@ const positionClasses = {
     left: "top-1/2 left-5 transform -translate-y-1/2",
     right: "top-1/2 right-5 transform -translate-y-1/2",
 };
-export default function Modal(_a) {
-    var { isOpen, onClose, children, position = "center", size = "md", overlayPercentage = 50, className, onClick } = _a, props = __rest(_a, ["isOpen", "onClose", "children", "position", "size", "overlayPercentage", "className", "onClick"]);
+export default function Modal({ isOpen, onClose, children, position = "center", size = "md", overlayPercentage = 50, className, onClick, ...props }) {
     if (!isOpen)
         return null;
     return (_jsx("div", { className: "fixed inset-0 bg-black z-50 overflow-auto animate-fade-in", style: {
             backgroundColor: `rgba(0,0,0,0.${overlayPercentage})`,
-        }, onClick: onClose, children: _jsxs("div", Object.assign({ className: clsx("absolute bg-white rounded-lg shadow-lg p-6 max-h-[90vh] overflow-y-auto ", sizeClasses[size], positionClasses[position], className), onClick: (e) => {
+        }, onClick: onClose, children: _jsxs("div", { className: clsx("absolute bg-white rounded-lg shadow-lg p-6 max-h-[90vh] overflow-y-auto ", sizeClasses[size], positionClasses[position], className), onClick: (e) => {
                 e.stopPropagation(); // Prevent closing when clicking inside the modal
                 if (onClick)
                     onClick(e);
-            } }, props, { children: [_jsx("button", { onClick: onClose, className: "absolute top-2 right-2 text-primary", children: _jsx(Icon, { icon: "line-md:close-small", className: "h-5 w-5 hover:scale-110 transition-all duration-300 ease-in-out" }) }), children] })) }));
+            }, ...props, children: [_jsx("button", { onClick: onClose, className: "absolute top-2 right-2 text-primary", children: _jsx(Icon, { icon: "line-md:close-small", className: "h-5 w-5 hover:scale-110 transition-all duration-300 ease-in-out" }) }), children] }) }));
 }

package/dist/components/month-calendar/index.js

@@ -52,6 +52,9 @@ export default function MonthCalendar({ month, events, EventItem, loading, optio
                     const expanded = expandStatus[day] === true;
                     return (_jsxs("div", { className: "flex flex-col gap-3 border-[1px] border-gray-200 p-1", children: [_jsx("p", { className: "text-left text-primary font-semibold", children: dayItem.date() }), _jsx("div", { className: "flex flex-col gap-1", children: loading ? (_jsx(_Fragment, { children: Array(Utils.Number.getRandomInt(0, 2))
                                         .fill({})
-                                        .map((_, j) => (_jsx(Skeleton, { className: "w-full h-20" }, `${day}-(${j})`))) })) : (_jsxs(_Fragment, { children: [" ", (expanded ? dayEvents : dayEventsSlice).map((e, j) => (_jsx(EventItem, { event: e }, `${i}-${j}`))), moreCounts > 0 && !expanded && (_jsxs("button", { onClick: () => setExpandStatus((prev) => (Object.assign(Object.assign({}, prev), { [day]: true }))), className: "text-left text-sm text-primary hover:text-opacity-70", children: ["+", moreCounts, " more"] }))] })) })] }, i));
+                                        .map((_, j) => (_jsx(Skeleton, { className: "w-full h-20" }, `${day}-(${j})`))) })) : (_jsxs(_Fragment, { children: [" ", (expanded ? dayEvents : dayEventsSlice).map((e, j) => (_jsx(EventItem, { event: e }, `${i}-${j}`))), moreCounts > 0 && !expanded && (_jsxs("button", { onClick: () => setExpandStatus((prev) => ({
+                                                ...prev,
+                                                [day]: true,
+                                            })), className: "text-left text-sm text-primary hover:text-opacity-70", children: ["+", moreCounts, " more"] }))] })) })] }, i));
                 }) }, currentMonth.format("YYYY-MM"))] }));
 }

package/dist/components/native-menu/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type MenuSize = "sm" | "md" | "lg" | "xl";
+export type Props = {
+    menuButton: React.ReactNode;
+    children: React.ReactNode;
+    size?: MenuSize;
+    maxHeight?: number;
+    onReachBottom?: () => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+export default function NativeMenu({ menuButton, children, className, size, maxHeight, onReachBottom, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/native-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native-menu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASjD,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,SAAS,EACT,IAAW,EACX,SAAe,EACf,aAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,2CA+DP"}

package/dist/components/native-menu/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import clsx from "clsx";
+const sizeClasses = {
+    sm: "w-52",
+    md: "w-72",
+    lg: "w-80",
+    xl: "w-96",
+};
+export default function NativeMenu({ menuButton, children, className, size = "md", maxHeight = 200, onReachBottom, ...props }) {
+    const [open, setOpen] = useState(false);
+    const menuRef = useRef(null);
+    const scrollRef = useRef(null);
+    // Close menu on outside click
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (menuRef.current && !menuRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    const checkBottom = () => {
+        const target = scrollRef.current;
+        if (!target)
+            return false;
+        return target.scrollHeight - target.scrollTop <= target.clientHeight + 1;
+    };
+    const handleScroll = (e) => {
+        if (checkBottom() && onReachBottom) {
+            onReachBottom();
+        }
+    };
+    // Trigger onReachBottom when menu opens if already at bottom
+    useEffect(() => {
+        if (open && onReachBottom && checkBottom()) {
+            onReachBottom();
+        }
+    }, [open]);
+    return (_jsxs("div", { className: clsx("relative inline-block text-left", className), ref: menuRef, ...props, children: [_jsx("div", { onClick: () => setOpen((prev) => !prev), className: "cursor-pointer", children: menuButton }), open && (_jsx("div", { ref: scrollRef, onScroll: handleScroll, className: clsx("absolute right-0 mt-2 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 z-50 overflow-x-hidden", sizeClasses[size]), style: {
+                    maxHeight: maxHeight,
+                    overflowY: "auto",
+                }, children: _jsx("div", { className: "py-1", children: children }) }))] }));
+}

package/dist/components/native-menu/native-menu-item/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type Props = {
+    key: string;
+    children: React.ReactNode;
+    className?: string | undefined;
+    selected?: boolean;
+    disabled?: boolean;
+} & React.HTMLAttributes<HTMLDivElement>;
+export default function NativeMenuItem({ children, className, selected, disabled, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/native-menu/native-menu-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/native-menu/native-menu-item/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,MAAM,KAAK,GAAG;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACzC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,2CAcP"}

package/dist/components/native-menu/native-menu-item/index.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export default function NativeMenuItem({ children, className, selected = false, disabled = false, ...props }) {
+    return (_jsx("div", { className: clsx("rounded-md transition-all duration-300 ease-in-out", selected && "bg-primary", !disabled ? "hover:bg-primary hover:bg-opacity-50" : "bg-gray-200", className), ...props, children: children }));
+}

package/dist/components/not-authorized/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/not-authorized/index.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAWpC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/not-authorized/index.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA6CpC"}

package/dist/components/not-authorized/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from "../icon";
 export default function NotAuthorized() {
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-10", children: [_jsx(Icon, { icon: "fluent-mdl2:protect-restrict", className: "text-warning text-opacity-80 h-56 w-56" }), _jsx("h3", { className: "text-warning text-4xl font-bold", children: "Not Authorized!" })] }));
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-screen px-6 text-center space-y-10", children: [_jsx(Icon, { icon: "fluent-mdl2:protect-restrict", className: "text-warning text-opacity-80 h-48 w-48 md:h-56 md:w-56" }), _jsxs("div", { className: "max-w-xl space-y-4", children: [_jsx("h1", { className: "text-3xl md:text-4xl font-bold text-warning", children: "Not Authorized" }), _jsxs("p", { className: "text-base text-text md:text-lg text-muted-foreground", children: ["You don\u2019t have the necessary permissions to access this page. ", _jsx("br", {}), "Please contact your administrator if you believe this is a mistake."] })] }), _jsx("p", { className: "text-sm md:text-base text-muted-foreground", children: "\u2014 or \u2014" }), _jsxs("div", { className: "flex flex-wrap justify-center gap-4", children: [_jsxs("button", { type: "button", onClick: () => window.history.back(), className: "flex items-center gap-2 rounded-xl bg-primary px-5 py-2.5 text-white text-sm md:text-base font-medium shadow hover:bg-primary/90 transition", children: [_jsx(Icon, { icon: "material-symbols:arrow-back-rounded" }), "Go Back"] }), _jsxs("button", { type: "button", onClick: () => (window.location.href = "/force-logout"), className: "flex items-center gap-2 rounded-xl bg-error px-5 py-2.5 text-white text-sm md:text-base font-medium shadow hover:bg-error/90 transition", children: [_jsx(Icon, { icon: "material-symbols:logout-rounded" }), "Logout"] })] })] }));
 }

package/dist/components/notifications-menu/index.d.ts

@@ -0,0 +1,10 @@
+import { CONSTANTS } from "sea-platform-helpers";
+export type Props = {
+    applicationKey: CONSTANTS.Application.ApplicationKeys | CONSTANTS.Global.AllType;
+    limit?: number;
+    notificationBaseUrl: string;
+    applicationsBaseUrls: Partial<Record<CONSTANTS.Application.ApplicationKeys, string>>;
+    navigate?: (to: string) => void;
+};
+export default function NotificationMenu({ applicationKey, notificationBaseUrl, limit, applicationsBaseUrls, navigate, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/notifications-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/notifications-menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAc,MAAM,sBAAsB,CAAC;AAmB7D,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,EACV,SAAS,CAAC,WAAW,CAAC,eAAe,GACrC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAQ7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAC3B,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,eAAe,EAAE,MAAM,CAAC,CACtD,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,cAAc,EACd,mBAAmB,EAEnB,KAAyC,EACzC,oBAAoB,EACpB,QAAQ,GACT,EAAE,KAAK,2CAqSP"}