sea-react-components 1.3.0 → 1.3.2

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/{auto-complete-Input → 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/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,2CAoSP"}

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

@@ -0,0 +1,143 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CONSTANTS, DTO, Utils } from "sea-platform-helpers";
+import clsx from "clsx";
+import Icon from "../icon";
+import NativeMenu from "../native-menu";
+import NativeMenuItem from "../native-menu/native-menu-item";
+import { getCookie } from "../../utils/cookie";
+import axios from "axios";
+import Skeleton from "../skeleton";
+const DEFAULT_FETCH_NOTIFICATIONS_LIMIT = 50;
+const axiosOptions = {
+    headers: {
+        Authorization: `Bearer ${getCookie(CONSTANTS.JWT.JWTCookieKey)}`,
+    },
+};
+export default function NotificationMenu({ applicationKey, notificationBaseUrl, 
+// fetchNotifications,
+limit = DEFAULT_FETCH_NOTIFICATIONS_LIMIT, applicationsBaseUrls, navigate, }) {
+    const [loading, setLoading] = useState(false);
+    const [page, setPage] = useState(1);
+    const [totalCount, setTotalCount] = useState(0);
+    const [totalPages, setTotalPages] = useState(1);
+    const [unreadCount, setUnreadCount] = useState(0);
+    const [notifications, setNotifications] = useState([]);
+    useEffect(() => {
+        setLoading(true);
+        axios
+            .get(`${notificationBaseUrl}?applicationKey=${applicationKey}&page=${page}&limit=${limit}`, axiosOptions)
+            .then((response) => {
+            const { data, page: p, totalCount: tc, totalPages: tp, unreadCount, } = response.data;
+            setTotalCount(tc);
+            setTotalPages(tp);
+            setUnreadCount(unreadCount);
+            setNotifications((prev) => {
+                const all = Utils.Array.concatWithoutDuplicates(prev, data, (a, b) => a.id === b.id);
+                return all;
+            });
+            return response;
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    }, [applicationKey, notificationBaseUrl, limit, page]);
+    const markAsRead = (notification) => {
+        axios
+            .put(`${notificationBaseUrl}/${notification.id}/read`, {}, axiosOptions)
+            .then((response) => {
+            const readed = response.data;
+            setNotifications((prev) => {
+                return prev.map((n) => {
+                    if (n.id === readed.id)
+                        n = readed;
+                    return n;
+                });
+            });
+            if (!notification.readAt)
+                setUnreadCount((prev) => prev - 1);
+        });
+    };
+    const markAllAsRead = () => {
+        axios
+            .put(`${notificationBaseUrl}/read-all`, {}, axiosOptions)
+            .then(() => {
+            setNotifications((prev) => {
+                return prev.map((n) => {
+                    n.readAt = new Date();
+                    return n;
+                });
+            });
+            setUnreadCount(0);
+        });
+    };
+    const LoadMoreNotifications = () => {
+        setPage((prev) => {
+            let newPage = prev + 1;
+            if (newPage > totalPages)
+                newPage = totalPages;
+            return newPage;
+        });
+    };
+    const renderNotificationItem = (notification) => {
+        var _a, _b, _c, _d, _e;
+        let title = _jsx(_Fragment, {}), description = _jsx(_Fragment, {}), icon = _jsx(_Fragment, {}), link = undefined;
+        switch (notification.type) {
+            case CONSTANTS.Notification.NotificationTypes.TaskAssignedToYou: {
+                const task = ((_a = notification.objects) !== null && _a !== void 0 ? _a : {}).task;
+                icon = (_jsx(Icon, { icon: "fluent-mdl2:assign", className: "h-10 w-10 transform" }));
+                title = (_jsx("p", { className: "font-semibold line-clamp-2", children: "New task assigned to you" }));
+                description = (_jsxs("p", { className: "text-text text-sm line-clamp-2", children: [_jsx("span", { className: "font-bold", children: task === null || task === void 0 ? void 0 : task.title }), " assigned to you, check it!", " "] }));
+                link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/tasks/${task.id}`;
+                break;
+            }
+            case CONSTANTS.Notification.NotificationTypes.TaskUnassignedFromYou: {
+                const task = ((_b = notification.objects) !== null && _b !== void 0 ? _b : {}).task;
+                icon = (_jsx(Icon, { icon: "fluent-mdl2:assign", className: "h-10 w-10 transform scale-x-[-1]" }));
+                title = (_jsx("p", { className: "font-semibold line-clamp-2", children: "Task unassigned from you" }));
+                description = (_jsxs("p", { className: "text-text text-sm line-clamp-2", children: ["Task ", _jsx("span", { className: "font-bold", children: task === null || task === void 0 ? void 0 : task.title }), " unassigned from you, check it!", " "] }));
+                link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/tasks/${task.id}`;
+                break;
+            }
+            case CONSTANTS.Notification.NotificationTypes.NewCommentAdded: {
+                const addedBy = ((_c = notification.objects) !== null && _c !== void 0 ? _c : {})
+                    .addedBy;
+                const objectName = ((_d = notification.objects) !== null && _d !== void 0 ? _d : {}).objectName;
+                const model = ((_e = notification.objects) !== null && _e !== void 0 ? _e : {}).model;
+                icon = (_jsx(Icon, { icon: "weui:comment-outlined", className: "h-10 w-10 transform" }));
+                title = _jsx("p", { className: "font-semibold line-clamp-2", children: "New comment" });
+                description = (_jsxs("p", { className: "text-text text-sm line-clamp-2", children: ["A new comment by ", _jsx("span", { className: "font-bold", children: addedBy === null || addedBy === void 0 ? void 0 : addedBy.name }), " ", "on ", _jsx("span", { className: "font-bold", children: objectName }), " ", model] }));
+                switch (model) {
+                    case DTO.Comment.CommentSupportedModels.Project: {
+                        link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/projects/${notification.objects.objectId}?comments=true&commentId=${notification.objects.commentId}`;
+                        break;
+                    }
+                    case DTO.Comment.CommentSupportedModels.Initiative: {
+                        link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/initiatives/${notification.objects.objectId}?comments=true&commentId=${notification.objects.commentId}`;
+                        break;
+                    }
+                    case DTO.Comment.CommentSupportedModels.Task: {
+                        link = `${applicationsBaseUrls[CONSTANTS.Application.ApplicationKeys.StrategyApplication]}/tasks/${notification.objects.objectId}?comments=true&commentId=${notification.objects.commentId}`;
+                        break;
+                    }
+                    default:
+                        break;
+                }
+                break;
+            }
+            default:
+                break;
+        }
+        return (_jsxs("div", { className: clsx("flex items-center gap-1 px-2 py-1 cursor-pointer", {
+                "bg-primary bg-opacity-25": notification.readAt === undefined,
+            }), onClick: () => {
+                markAsRead(notification);
+                if (link && navigate)
+                    navigate(link);
+            }, children: [_jsx("div", { children: icon }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { children: title }), _jsx("div", { children: description }), _jsx("div", { className: "flex justify-end", children: _jsx("p", { className: "text-text text-xs", children: Utils.Moment.formatDateAsLabel(notification.createdAt) }) })] })] }));
+    };
+    return (_jsx(NativeMenu, { size: "xl", menuButton: _jsxs("div", { className: "relative", children: [_jsx(Icon, { icon: "mingcute:notification-line", className: "text-primary hover:text-opacity-50 w-6 h-6 custom-animation" }), unreadCount !== 0 && (_jsx("div", { className: "absolute -top-2 -right-2 w-5 h-5 text-center rounded-full text-white bg-error shadow-md flex items-center justify-center", children: _jsx("p", { className: "text-xs select-none", children: unreadCount }) }))] }), maxHeight: 350, onReachBottom: () => LoadMoreNotifications(), children: _jsxs("div", { className: "flex flex-col gap-5 p-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsx("p", { className: "text-xl font-bold", children: "Notifications" }), _jsxs("button", { type: "button", className: "flex items-center gap-1 px-2 text-primary custom-animation hover:text-opacity-75", onClick: () => markAllAsRead(), children: [_jsx("p", { children: "Mare all as read" }), _jsx(Icon, { icon: "solar:check-read-linear", className: "h-5 w-5" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [notifications.map((notification) => (_jsx(NativeMenuItem, { children: renderNotificationItem(notification) }, `notification-${notification.id}`))), loading && (_jsx(_Fragment, { children: Array(3)
+                                .fill({})
+                                .map((_, i) => (_jsx(Skeleton, { className: "h-24 w-full" }, `notification-loading-${i}`))) }))] }), !loading && page === totalPages && (_jsx("p", { className: "text-text text-center text-xs", children: "There are no more notifications" }))] }) }));
+}

package/dist/components/paper/index.js

@@ -1,17 +1,5 @@
-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";
-export default function Paper(_a) {
-    var { className = "bg-white", children } = _a, props = __rest(_a, ["className", "children"]);
-    return (_jsx("div", Object.assign({ className: clsx("px-4 py-2 rounded-lg shadow-md", className) }, props, { children: children })));
+export default function Paper({ className = "bg-white", children, ...props }) {
+    return (_jsx("div", { className: clsx("px-4 py-2 rounded-lg shadow-md", className), ...props, children: children }));
 }

package/dist/components/progress-bar/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 clsx from "clsx";
 const backgroundColors = {
@@ -33,13 +22,12 @@ const textSizes = {
     lg: "text-[14px]",
     xl: "text-[16px]",
 };
-export default function ProgressBar(_a) {
-    var { percentage = 0, showPercentage = false, size = "md", type = "primary", className } = _a, rest = __rest(_a, ["percentage", "showPercentage", "size", "type", "className"]);
+export default function ProgressBar({ percentage = 0, showPercentage = false, size = "md", type = "primary", className, ...rest }) {
     const heightClass = barHeights[size];
     const textClass = textSizes[size];
     const fillColor = backgroundColors[type];
-    return (_jsxs("div", Object.assign({ className: clsx("w-full bg-gray-300 rounded-full overflow-hidden relative", heightClass, className) }, rest, { children: [_jsx("div", { className: clsx("rounded-full transition-all duration-300 ease-in-out min-w-[1px]", fillColor), style: {
+    return (_jsxs("div", { className: clsx("w-full bg-gray-300 rounded-full overflow-hidden relative", heightClass, className), ...rest, children: [_jsx("div", { className: clsx("rounded-full transition-all duration-300 ease-in-out min-w-[1px]", fillColor), style: {
                     width: `${Math.min(Math.max(percentage, 0), 100)}%`,
                     height: "100%",
-                } }), showPercentage && (_jsxs("div", { className: clsx("absolute inset-0 flex items-center justify-center text-white pointer-events-none", textClass), children: [Math.round(percentage), "%"] }))] })));
+                } }), showPercentage && (_jsxs("div", { className: clsx("absolute inset-0 flex items-center justify-center text-white pointer-events-none", textClass), children: [Math.round(percentage), "%"] }))] }));
 }

package/dist/components/radio-button/index.js

@@ -1,17 +1,5 @@
-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 clsx from "clsx";
-export default function RadioButton(_a) {
-    var { id, name, checked, onChange, label } = _a, props = __rest(_a, ["id", "name", "checked", "onChange", "label"]);
-    return (_jsxs("label", { htmlFor: id, className: "flex items-center space-x-2 cursor-pointer", children: [_jsx("input", Object.assign({}, props, { type: "radio", id: id, name: name, checked: checked, onChange: onChange, className: "hidden" })), _jsx("div", { className: clsx("w-5 h-5 rounded-full border-2 flex items-center justify-center", checked ? "bg-primary border-primary" : "bg-white border-gray-300"), children: checked && _jsx("div", { className: "w-3 h-3 rounded-full bg-white" }) }), label] }));
+export default function RadioButton({ id, name, checked, onChange, label, ...props }) {
+    return (_jsxs("label", { htmlFor: id, className: "flex items-center space-x-2 cursor-pointer", children: [_jsx("input", { ...props, type: "radio", id: id, name: name, checked: checked, onChange: onChange, className: "hidden" }), _jsx("div", { className: clsx("w-5 h-5 rounded-full border-2 flex items-center justify-center", checked ? "bg-primary border-primary" : "bg-white border-gray-300"), children: checked && _jsx("div", { className: "w-3 h-3 rounded-full bg-white" }) }), label] }));
 }

package/dist/components/search-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 } from "react/jsx-runtime";
 import { Icon } from "@iconify/react";
 import { useEffect, useRef, useState } from "react";
 import Input from "../input";
-export default function SearchInput(_a) {
-    var { value, onDebouncedChange, QueryDebouncedTime = 500 } = _a, props = __rest(_a, ["value", "onDebouncedChange", "QueryDebouncedTime"]);
+export default function SearchInput({ value, onDebouncedChange, QueryDebouncedTime = 500, ...props }) {
     const [currentValue, setCurrentValue] = useState(value);
     const [debouncedQuery, setDebouncedQuery] = useState("");
     const isFirstRun = useRef(true);
@@ -35,5 +23,5 @@ export default function SearchInput(_a) {
         }
         onDebouncedChange(debouncedQuery);
     }, [debouncedQuery]);
-    return (_jsx(Input, Object.assign({ value: currentValue, onChange: (e) => setCurrentValue(e.target.value), end: _jsx(Icon, { icon: "material-symbols:search", className: "w-5 h-5 text-primary" }) }, props)));
+    return (_jsx(Input, { value: currentValue, onChange: (e) => setCurrentValue(e.target.value), end: _jsx(Icon, { icon: "material-symbols:search", className: "w-5 h-5 text-primary" }), ...props }));
 }

package/dist/components/skeleton/index.js

@@ -1,17 +1,5 @@
-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";
-export default function Skeleton(_a) {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", Object.assign({ className: clsx("bg-gray-300 animate-pulse rounded-md", className) }, props)));
+export default function Skeleton({ className, ...props }) {
+    return (_jsx("div", { className: clsx("bg-gray-300 animate-pulse rounded-md", className), ...props }));
 }

package/dist/components/stacked-avatars/index.js

@@ -17,7 +17,7 @@ export default function StackedAvatars({ name, items, max = DEFAULT_MAX, size =
     return (_jsxs("div", { className: clsx("relative flex", className), style: { height: sizeValue }, children: [avatarsToDisplay.map((item, i) => (_jsx("div", { className: "absolute", style: {
                     left: `${(i * sizeValue) / offsetFactor}px`,
                     zIndex: avatarsToDisplay.length - i,
-                }, children: _jsx(Avatar, Object.assign({}, item, { size: size })) }, `${name}-avatar-${i}`))), remainingCount > 0 && (_jsxs("div", { className: "absolute flex items-center justify-center bg-gray-400 text-white rounded-full text-xs font-medium", style: {
+                }, children: _jsx(Avatar, { ...item, size: size }) }, `${name}-avatar-${i}`))), remainingCount > 0 && (_jsxs("div", { className: "absolute flex items-center justify-center bg-gray-400 text-white rounded-full text-xs font-medium", style: {
                     left: `${(clampedMax * sizeValue) / offsetFactor}px`,
                     width: sizeValue,
                     height: sizeValue,

package/dist/components/table/index.js

@@ -1,15 +1,4 @@
 "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 clsx from "clsx";
 import Checkbox from "../checkbox";
@@ -30,8 +19,8 @@ export default function Table({ name, columns, rows, bulkActionFeature, loading
                                                 }
                                             } }) }, `loading-column-${name}-checkbox`)), columns.map((column, i) => {
                                         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                                        const { className, key, label, custom } = column, restColumn = __rest(column, ["className", "key", "label", "custom"]);
-                                        return (_jsx("th", Object.assign({ className: clsx("px-4 py-2 text-left", className) }, restColumn, { children: label }), `loading-column-${name}-${i}-${key}`));
+                                        const { className, key, label, custom, ...restColumn } = column;
+                                        return (_jsx("th", { className: clsx("px-4 py-2 text-left", className), ...restColumn, children: label }, `loading-column-${name}-${i}-${key}`));
                                     })] }) }), _jsx("tbody", { id: `loading-table-${name}-body` })] }), _jsx("div", { className: "flex items-center justify-center", children: _jsx(Icon, { icon: "line-md:loading-loop", className: "text-primary w-20 h-20" }) })] })) : (_jsxs("table", { className: "min-w-full table-auto", children: [_jsx("thead", { id: `table-${name}-head`, className: "bg-gray-100", children: _jsxs("tr", { className: "text-text pb-2 border-b-[2px] border-b-gray-100", children: [bulkActionFeature && (_jsx("th", { className: clsx("px-4 py-2 text-left"), children: _jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
                                         if (checked) {
                                             bulkActionFeature.setSelectedRowIds(rows.map((r) => r.id));
@@ -43,8 +32,8 @@ export default function Table({ name, columns, rows, bulkActionFeature, loading
                                         }
                                     } }) }, `column-${name}-checkbox`)), columns.map((column, i) => {
                                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                                const { className, key, label, custom } = column, restColumn = __rest(column, ["className", "key", "label", "custom"]);
-                                return (_jsx("th", Object.assign({ className: clsx("px-4 py-2 text-left", className) }, restColumn, { children: label }), `column-${name}-${i}-${key}`));
+                                const { className, key, label, custom, ...restColumn } = column;
+                                return (_jsx("th", { className: clsx("px-4 py-2 text-left", className), ...restColumn, children: label }, `column-${name}-${i}-${key}`));
                             })] }) }), _jsx("tbody", { id: `table-${name}-body`, children: rows.map((row, i) => {
                         return (_jsxs("tr", { className: clsx("text-text pb-2 ", i !== rows.length - 1 && "border-b-[2px] border-gray-100"), children: [bulkActionFeature && (_jsx("td", { className: "px-4 py-2", children: _jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.includes(row.id) ||
                                             false, onChange: (checked) => {

package/dist/components/textarea/index.js

@@ -1,24 +1,12 @@
 "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 clsx from "clsx";
 import { useState } from "react";
-export default function Textarea(_a) {
-    var { errorMessage, className, ref } = _a, props = __rest(_a, ["errorMessage", "className", "ref"]);
+export default function Textarea({ errorMessage, className, ref, ...props }) {
     const [isFocused, setIsFocused] = useState(false);
     return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("div", { className: clsx("flex items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border-0.5 hover:border-primary", errorMessage
                     ? "border-error"
                     : isFocused
                         ? "border-primary"
-                        : "border-gray-200"), children: _jsx("textarea", Object.assign({ ref: ref, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: clsx("outline-none text-text flex-1", className) }, props)) }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+                        : "border-gray-200"), children: _jsx("textarea", { ref: ref, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), className: clsx("outline-none text-text flex-1", className), ...props }) }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
 }

package/dist/components/tree-checkbox/index.js

@@ -31,23 +31,34 @@ const TreeCheckbox = ({ name, nodes, onChange, readonly = false, }) => {
     };
     const updateChildCheckStatus = (node, newStatus) => {
         var _a;
-        return Object.assign(Object.assign({}, node), { checked: newStatus, children: (_a = node.children) === null || _a === void 0 ? void 0 : _a.map((child) => updateChildCheckStatus(child, newStatus)) });
+        return {
+            ...node,
+            checked: newStatus,
+            children: (_a = node.children) === null || _a === void 0 ? void 0 : _a.map((child) => updateChildCheckStatus(child, newStatus)),
+        };
     };
     const handleCheckNodeRecursive = (nodes, nodeKey, checked) => {
         return nodes.map((node) => {
             // Check if the current node matches the key
             if (node.key === nodeKey) {
                 const newChecked = checked ? "all" : "none";
-                return Object.assign(Object.assign({}, node), { checked: newChecked, children: node.children
+                return {
+                    ...node,
+                    checked: newChecked,
+                    children: node.children
                         ? node.children.map((child) => updateChildCheckStatus(child, newChecked))
-                        : undefined });
+                        : undefined,
+                };
             }
             // If it doesn't match, recursively update the children
             if (node.children) {
                 const updatedChildren = handleCheckNodeRecursive(node.children, nodeKey, checked);
-                const updatedNode = Object.assign(Object.assign({}, node), { children: updatedChildren });
+                const updatedNode = { ...node, children: updatedChildren };
                 // Update the parent's status based on the children's status
-                return Object.assign(Object.assign({}, updatedNode), { checked: updateParentCheckStatus(updatedNode) });
+                return {
+                    ...updatedNode,
+                    checked: updateParentCheckStatus(updatedNode),
+                };
             }
             // If it's a leaf node and doesn't match, return as is
             return node;

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { default as Badge, Props as BadgeProps, Types as BudgeTypes, } from "./c
 export { default as Modal, ModalPosition, ModalSize, Props as ModalProps, } from "./components/modal";
 export { default as Menu, Props as MenuProps } from "./components/menu";
 export { default as MenuItem, Props as MenuItemProps, } from "./components/menu/menu-item";
+export { default as NativeMenu, Props as NativeMenuProps, } from "./components/native-menu";
+export { default as NativeMenuItem, Props as NativeMenuItemProps, } from "./components/native-menu/native-menu-item";
 export { default as Select, Props as SelectProps, SelectOption, } from "./components/select";
 export { default as Paper, Props as PaperProps } from "./components/paper";
 export { default as Input, Props as InputProps } from "./components/input";
@@ -48,6 +50,7 @@ export { default as DayCalendar, Props as DayCalendarProps, } from "./components
 export { default as Loader, Props as LoaderProps } from "./components/loader";
 export { default as ItemNouFound, Props as ItemNouFoundProps, } from "./components/item-not-found";
 export * from "./components/accordion";
+export { default as NotificationsMenu, Props as NotificationsMenuProps, } from "./components/notifications-menu";
 export { default as WithAuthorization, Props as WithAuthorizationProps, } from "./HOC/with-authorization";
 export { default as CanAccessApplication, Props as CanAccessApplicationProps, } from "./HOC/can-access-application";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -15,6 +15,8 @@ export { default as Badge, } from "./components/badge";
 export { default as Modal, } from "./components/modal";
 export { default as Menu } from "./components/menu";
 export { default as MenuItem, } from "./components/menu/menu-item";
+export { default as NativeMenu, } from "./components/native-menu";
+export { default as NativeMenuItem, } from "./components/native-menu/native-menu-item";
 export { default as Select, } from "./components/select";
 export { default as Paper } from "./components/paper";
 export { default as Input } from "./components/input";
@@ -51,5 +53,6 @@ export { default as DayCalendar, } from "./components/day-calendar";
 export { default as Loader } from "./components/loader";
 export { default as ItemNouFound, } from "./components/item-not-found";
 export * from "./components/accordion";
+export { default as NotificationsMenu, } from "./components/notifications-menu";
 export { default as WithAuthorization, } from "./HOC/with-authorization";
 export { default as CanAccessApplication, } from "./HOC/can-access-application";

package/dist/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["../src/index.ts","../src/hoc/can-access-application/index.tsx","../src/hoc/with-authorization/index.tsx","../src/components/accordion/index.tsx","../src/components/alert/index.tsx","../src/components/auto-complete-input/index.tsx","../src/components/avatar/index.tsx","../src/components/badge/index.tsx","../src/components/breadcrumb/index.tsx","../src/components/button/index.tsx","../src/components/calendar/index.tsx","../src/components/cards-list/index.tsx","../src/components/carousel/index.tsx","../src/components/checkbox/index.tsx","../src/components/color-picker/index.tsx","../src/components/count-down/index.tsx","../src/components/day-calendar/index.tsx","../src/components/drawer/index.tsx","../src/components/editable-text/index.tsx","../src/components/file-input/index.tsx","../src/components/file-input/components/file-item/index.tsx","../src/components/icon/index.tsx","../src/components/input/index.tsx","../src/components/item-not-found/index.tsx","../src/components/list-item/index.tsx","../src/components/list-item/components/page-button/index.tsx","../src/components/list-item/components/pagination/index.tsx","../src/components/loader/index.tsx","../src/components/menu/index.tsx","../src/components/menu/menu-item/index.tsx","../src/components/modal/index.tsx","../src/components/month-calendar/index.tsx","../src/components/not-authorized/index.tsx","../src/components/otp-input/index.tsx","../src/components/paper/index.tsx","../src/components/progress-bar/index.tsx","../src/components/radio-button/index.tsx","../src/components/search-input/index.tsx","../src/components/select/index.tsx","../src/components/skeleton/index.tsx","../src/components/stacked-avatars/index.tsx","../src/components/tab/index.tsx","../src/components/table/index.tsx","../src/components/text-editor/index.tsx","../src/components/text-editor/components/toolbar/index.tsx","../src/components/text-editor/utils/index.ts","../src/components/textarea/index.tsx","../src/components/toggle/index.tsx","../src/components/tooltip/index.tsx","../src/components/tree-checkbox/index.tsx","../src/components/tree-checkbox/components/tree-checkbox-item/index.tsx","../src/components/tree-checkbox/utils/index.ts","../src/components/week-calendar/index.tsx","../src/constants/index.ts","../src/hooks/list-items-hook/types.ts","../src/hooks/list-items-hook/usebulkactions.ts","../src/hooks/list-items-hook/usefilters.ts","../src/hooks/list-items-hook/usepagination.ts","../src/utils/axios/index.ts","../src/utils/color/index.ts","../src/utils/cookie/index.ts","../src/utils/file/index.ts","../src/utils/jwt/index.ts","../src/utils/validation/index.ts"],"version":"5.6.3"}
+{"root":["../src/index.ts","../src/hoc/can-access-application/index.tsx","../src/hoc/with-authorization/index.tsx","../src/components/accordion/index.tsx","../src/components/alert/index.tsx","../src/components/auto-complete-input/index.tsx","../src/components/avatar/index.tsx","../src/components/badge/index.tsx","../src/components/breadcrumb/index.tsx","../src/components/button/index.tsx","../src/components/calendar/index.tsx","../src/components/cards-list/index.tsx","../src/components/carousel/index.tsx","../src/components/checkbox/index.tsx","../src/components/color-picker/index.tsx","../src/components/count-down/index.tsx","../src/components/day-calendar/index.tsx","../src/components/drawer/index.tsx","../src/components/editable-text/index.tsx","../src/components/file-input/index.tsx","../src/components/file-input/components/file-item/index.tsx","../src/components/icon/index.tsx","../src/components/input/index.tsx","../src/components/item-not-found/index.tsx","../src/components/list-item/index.tsx","../src/components/list-item/components/page-button/index.tsx","../src/components/list-item/components/pagination/index.tsx","../src/components/loader/index.tsx","../src/components/menu/index.tsx","../src/components/menu/menu-item/index.tsx","../src/components/modal/index.tsx","../src/components/month-calendar/index.tsx","../src/components/native-menu/index.tsx","../src/components/native-menu/native-menu-item/index.tsx","../src/components/not-authorized/index.tsx","../src/components/notifications-menu/index.tsx","../src/components/otp-input/index.tsx","../src/components/paper/index.tsx","../src/components/progress-bar/index.tsx","../src/components/radio-button/index.tsx","../src/components/search-input/index.tsx","../src/components/select/index.tsx","../src/components/skeleton/index.tsx","../src/components/stacked-avatars/index.tsx","../src/components/tab/index.tsx","../src/components/table/index.tsx","../src/components/text-editor/index.tsx","../src/components/text-editor/components/toolbar/index.tsx","../src/components/text-editor/utils/index.ts","../src/components/textarea/index.tsx","../src/components/toggle/index.tsx","../src/components/tooltip/index.tsx","../src/components/tree-checkbox/index.tsx","../src/components/tree-checkbox/components/tree-checkbox-item/index.tsx","../src/components/tree-checkbox/utils/index.ts","../src/components/week-calendar/index.tsx","../src/constants/index.ts","../src/hooks/list-items-hook/types.ts","../src/hooks/list-items-hook/usebulkactions.ts","../src/hooks/list-items-hook/usefilters.ts","../src/hooks/list-items-hook/usepagination.ts","../src/utils/axios/index.ts","../src/utils/color/index.ts","../src/utils/cookie/index.ts","../src/utils/file/index.ts","../src/utils/jwt/index.ts","../src/utils/validation/index.ts"],"version":"5.6.3"}

package/dist/utils/axios/index.d.ts

@@ -1,8 +1,9 @@
+import axios from "axios";
 type AxiosOptions = {
     JWTTokenKey?: string;
     withCredentials?: boolean;
     storage?: "localStorage" | "cookie";
 };
 export declare const createInstance: (baseURL: string, options?: AxiosOptions) => import("axios").AxiosInstance;
-export {};
+export default axios;
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/axios/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/axios/index.ts"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,MAAM,YACN,YAAY,kCAyCtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/axios/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,MAAM,YACN,YAAY,kCAyCtB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/utils/axios/index.js

@@ -33,3 +33,4 @@ export const createInstance = (baseURL, options = {
     });
     return axiosInstance;
 };
+export default axios;

package/dist/utils/validation/index.d.ts

@@ -1,5 +1,6 @@
 import * as Yup from "yup";
 export declare const name: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;
+export declare const description: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;
 export declare const birthDate: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;
 export declare const email: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;
 export declare const phoneNumber: Yup.StringSchema<string, Yup.AnyObject, undefined, "">;

package/dist/utils/validation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,eAAO,MAAM,IAAI,wDAAmD,CAAC;AACrE,eAAO,MAAM,SAAS,wDAAoC,CAAC;AAC3D,eAAO,MAAM,KAAK,wDAA4C,CAAC;AAC/D,eAAO,MAAM,WAAW,wDAKpB,CAAC;AACL,eAAO,MAAM,QAAQ,wDAA2C,CAAC;AACjE,eAAO,MAAM,eAAe,wDAEe,CAAC;AAE5C,eAAO,MAAM,UAAU,wDASpB,CAAC;AAEJ,eAAO,MAAM,OAAO,WAAY,MAAM,2DAGb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,eAAO,MAAM,IAAI,wDAAoD,CAAC;AACtE,eAAO,MAAM,WAAW,wDAAkD,CAAC;AAC3E,eAAO,MAAM,SAAS,wDAAoC,CAAC;AAC3D,eAAO,MAAM,KAAK,wDAA4C,CAAC;AAC/D,eAAO,MAAM,WAAW,wDAKpB,CAAC;AACL,eAAO,MAAM,QAAQ,wDAA2C,CAAC;AACjE,eAAO,MAAM,eAAe,wDAEe,CAAC;AAE5C,eAAO,MAAM,UAAU,wDASpB,CAAC;AAEJ,eAAO,MAAM,OAAO,WAAY,MAAM,2DAGb,CAAC"}

package/dist/utils/validation/index.js

@@ -1,6 +1,7 @@
 import * as Yup from "yup";
 import { Utils } from "sea-platform-helpers";
-export const name = Yup.string().min(3).max(50).required("Required");
+export const name = Yup.string().min(3).max(255).required("Required");
+export const description = Yup.string().trim().optional().min(3).max(1000);
 export const birthDate = Yup.string().required("Required");
 export const email = Yup.string().email().required("Required");
 export const phoneNumber = Yup.string()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sea-react-components",
   "description": "SEA react components library",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "main": "dist/index.js",
   "scripts": {
     "build": "tsc --build && npx postcss src/styles.css -o dist/styles.css && npx postcss src/components/text-editor/style.css -o dist/components/text-editor/style.css",
@@ -45,7 +45,7 @@
     "jwt-decode": "^4.0.0",
     "lowlight": "^3.3.0",
     "react-dom": "^18.3.1",
-    "sea-platform-helpers": "^1.4.0",
+    "sea-platform-helpers": "^1.5.1",
     "sea-react-components": "file:",
     "yup": "^1.5.0"
   },

package/dist/components/list-item/components/search-input/index.d.ts

@@ -1,7 +0,0 @@
-import { Props as InputProps } from "../../../input";
-export type Props = {
-    onDebouncedChange: (newValue: string) => void;
-    QueryDebouncedTime?: number;
-} & InputProps;
-export default function SearchInput({ value, onDebouncedChange, QueryDebouncedTime, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/list-item/components/search-input/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/list-item/components/search-input/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,UAAU,CAAC;AACf,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,iBAAiB,EACjB,kBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,2CAiCP"}

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

@@ -1,38 +0,0 @@
-"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 { Icon } from "@iconify/react";
-import { useEffect, useState } from "react";
-import Input from "../../../input";
-export default function SearchInput(_a) {
-    var { value, onDebouncedChange, QueryDebouncedTime = 500 } = _a, props = __rest(_a, ["value", "onDebouncedChange", "QueryDebouncedTime"]);
-    const [currentValue, setCurrentValue] = useState(value);
-    const [debouncedQuery, setDebouncedQuery] = useState("");
-    useEffect(() => {
-        setCurrentValue((value || "").toString());
-    }, [value]);
-    useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedQuery(currentValue);
-        }, QueryDebouncedTime);
-        // Cleanup the timeout on every keystroke
-        return () => clearTimeout(handler);
-    }, [currentValue, QueryDebouncedTime]);
-    // Trigger the callback when debouncedQuery changes
-    useEffect(() => {
-        if (onDebouncedChange) {
-            onDebouncedChange(debouncedQuery);
-        }
-    }, [debouncedQuery, onDebouncedChange]);
-    return (_jsx(Input, Object.assign({ value: currentValue, onChange: (e) => setCurrentValue(e.target.value), end: _jsx(Icon, { icon: "material-symbols:search", className: "w-5 h-5 text-primary" }) }, props)));
-}