sea-react-components 1.3.20 → 1.3.22

package/dist/components/comments-container/comment-form/index.d.ts

@@ -1,3 +1,5 @@
+import React from "react";
+import { useFormik } from "formik";
 import { DTO } from "sea-platform-helpers";
 import * as Yup from "yup";
 export declare const createNewCommentValidation: () => Yup.ObjectSchema<{
@@ -5,6 +7,21 @@ export declare const createNewCommentValidation: () => Yup.ObjectSchema<{
 }, Yup.AnyObject, {
     description: undefined;
 }, "">;
+type Values = {
+    objectId: string;
+    model: DTO.Comment.CommentSupportedModels;
+    description: string;
+    parentCommentId?: string;
+};
+export type CommentFormRenderProps = {
+    formik: ReturnType<typeof useFormik<Values>>;
+    isReplying: boolean;
+    isEditing: boolean;
+    replyOnComment?: DTO.Comment.IComment;
+    cancelReply: () => void;
+    cancelEdit: () => void;
+    handleKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+};
 export type Props = {
     objectId: string;
     model: DTO.Comment.CommentSupportedModels;
@@ -15,6 +32,8 @@ export type Props = {
     setReplyOnComment: (comment: DTO.Comment.IComment | undefined) => void;
     onCreateCommentSuccess?: (comment: DTO.Comment.IComment) => void;
     onEditCommentSuccess?: (comment: DTO.Comment.IComment) => void;
+    renderForm?: (props: CommentFormRenderProps) => React.ReactNode;
 };
-export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, renderForm, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/comments-container/comment-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-form/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAK3B,eAAO,MAAM,0BAA0B;;;;MAItC,CAAC;AASF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACrC,gBAAgB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtE,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEvE,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;CAChE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,GACrB,EAAE,KAAK,2CA4GP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-form/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAK3B,eAAO,MAAM,0BAA0B;;;;MAQtC,CAAC;AAEF,KAAK,MAAM,GAAG;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACvE,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;IAExB,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACrC,gBAAgB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtE,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IACtC,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEvE,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,KAAK,IAAI,CAAC;IAE/D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,GACX,EAAE,KAAK,2CAsIP"}

package/dist/components/comments-container/comment-form/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Textarea from "../../textarea";
 import Button from "../../button";
 import { useFormik } from "formik";
@@ -9,10 +9,14 @@ import eventBus from "../comment-event-bus";
 import { COMMENT_EVENTS } from "../constants";
 export const createNewCommentValidation = () => {
     return Yup.object({
-        description: Yup.string().min(3).max(1000).required("Required"),
+        description: Yup.string()
+            .trim()
+            .min(1, "Required")
+            .max(1000, "Must be at most 1000 characters")
+            .required("Required"),
     });
 };
-export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, }) {
+export default function CommentForm({ objectId, model, commentsBaseUrl, commentToEdit, setCommentToEdit, replyOnComment, setReplyOnComment, onCreateCommentSuccess, onEditCommentSuccess, renderForm, }) {
     var _a;
     const initialValues = {
         model,
@@ -49,9 +53,31 @@ export default function CommentForm({ objectId, model, commentsBaseUrl, commentT
         onSubmit,
         enableReinitialize: true,
     });
+    const handleKeyDown = (e) => {
+        // If user pressed Ctrl+Enter (Windows/Linux) or Cmd+Enter (Mac)
+        if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
+            e.preventDefault(); // prevent new line
+            if (!formik.isSubmitting && formik.isValid) {
+                formik.submitForm();
+            }
+        }
+    };
+    const cancelReply = () => setReplyOnComment(undefined);
+    const cancelEdit = () => setCommentToEdit(undefined);
+    const renderProps = {
+        formik,
+        isReplying: Boolean(replyOnComment),
+        isEditing: Boolean(commentToEdit),
+        replyOnComment,
+        cancelReply,
+        cancelEdit,
+        handleKeyDown,
+    };
+    if (renderForm)
+        return _jsx(_Fragment, { children: renderForm(renderProps) });
     return (_jsxs("form", { onSubmit: formik.handleSubmit, className: "flex flex-col gap-3", children: [replyOnComment && (_jsxs("div", { className: "flex items-center justify-between bg-primary/5 px-3 py-2 rounded-lg border border-primary/10", children: [_jsxs("p", { className: "text-sm text-gray-700", children: ["Replying to", " ", _jsx("span", { className: "font-semibold text-primary", children: (_a = replyOnComment.account) === null || _a === void 0 ? void 0 : _a.name })] }), _jsx(Button, { type: "button", onClick: () => setReplyOnComment(undefined), className: "bg-transparent", children: _jsx("p", { className: "text-error hover:text-opacity-75 custom-animation", children: "Cancel" }) })] })), _jsx(Textarea, { name: "description", placeholder: commentToEdit
                     ? "Edit your comment..."
                     : replyOnComment
                         ? "Write a reply..."
-                        : "Add a comment...", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.description, errorMessage: formik.touched.description ? formik.errors.description : "", className: "min-h-[80px]" }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [commentToEdit && (_jsx(Button, { type: "button", onClick: () => setCommentToEdit(undefined), className: "bg-transparent", children: _jsx("p", { className: "text-error hover:text-opacity-75 custom-animation", children: "Cancel" }) })), _jsx(Button, { type: "submit", loading: formik.isSubmitting, disabled: formik.isSubmitting || !formik.isValid, children: commentToEdit ? "Update Comment" : "Add Comment" })] })] }));
+                        : "Add a comment...", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.description, errorMessage: formik.touched.description ? formik.errors.description : "", className: "min-h-[80px]", onKeyDown: handleKeyDown }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [commentToEdit && (_jsx(Button, { type: "button", onClick: () => setCommentToEdit(undefined), className: "bg-transparent", children: _jsx("p", { className: "text-error hover:text-opacity-75 custom-animation", children: "Cancel" }) })), _jsx(Button, { type: "submit", loading: formik.isSubmitting, disabled: formik.isSubmitting || !formik.isValid, children: commentToEdit ? "Update Comment" : "Add Comment" })] })] }));
 }

package/dist/components/comments-container/index.d.ts

@@ -1,4 +1,5 @@
 import { DTO } from "sea-platform-helpers";
+import { CommentFormRenderProps } from "./comment-form";
 export type Props = {
     commentsBaseUrl: string;
     objectId: string;
@@ -14,6 +15,7 @@ export type Props = {
         limit?: number;
         highlightCommentId?: string;
     }) => React.ReactNode;
+    renderForm?: (props: CommentFormRenderProps) => React.ReactNode;
 };
-export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit, highlightCommentId, renderCommentItem, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit, highlightCommentId, renderCommentItem, renderForm, }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/comments-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/comments-container/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAC;AAQtD,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC7B,WAAW,EAAE;QACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACpE,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,KACE,KAAK,CAAC,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,KAAK,EACL,KAAU,EACV,kBAAkB,EAClB,iBAAiB,GAClB,EAAE,KAAK,2CAkDP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/comments-container/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAa,MAAM,sBAAsB,CAAC;AAItD,OAAoB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAIrE,MAAM,MAAM,KAAK,GAAG;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,sBAAsB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,EAC7B,WAAW,EAAE;QACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;QACpE,eAAe,EAAE,MAAM,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,KACE,KAAK,CAAC,SAAS,CAAC;IAErB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,eAAe,EACf,QAAQ,EACR,KAAK,EACL,KAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,UAAU,GACX,EAAE,KAAK,2CAmDP"}

package/dist/components/comments-container/index.js

@@ -7,7 +7,7 @@ import { jwtDecode } from "../../utils/jwt";
 import CommentForm from "./comment-form";
 import CommentsList from "./comments-list";
 import CommentItem from "./comment-item";
-export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit = 10, highlightCommentId, renderCommentItem, }) {
+export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit = 10, highlightCommentId, renderCommentItem, renderForm, }) {
     const [accountId, setAccountId] = useState("");
     const [commentToEdit, setCommentToEdit] = useState();
     const [replyOnComment, setReplyOnComment] = useState();
@@ -23,5 +23,5 @@ export default function CommentsContainer({ commentsBaseUrl, objectId, model, li
                 }, onEditCommentSuccess: () => {
                     setCommentToEdit(undefined);
                     setReplyOnComment(undefined);
-                } }), _jsx(CommentsList, { editComment: setCommentToEdit, replyOnComment: setReplyOnComment, highlightCommentId: highlightCommentId, currentAccountId: accountId, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit, renderCommentItem: renderCommentItem !== null && renderCommentItem !== void 0 ? renderCommentItem : ((comment, props) => (_jsx(CommentItem, { comment: comment, ...props }, comment.id))) })] }));
+                }, renderForm: renderForm }), _jsx(CommentsList, { editComment: setCommentToEdit, replyOnComment: setReplyOnComment, highlightCommentId: highlightCommentId, currentAccountId: accountId, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit, renderCommentItem: renderCommentItem !== null && renderCommentItem !== void 0 ? renderCommentItem : ((comment, props) => (_jsx(CommentItem, { comment: comment, ...props }, comment.id))) })] }));
 }

package/dist/components/jwt-checker/index.d.ts

@@ -0,0 +1,5 @@
+export type Props = {
+    delay?: number;
+};
+export default function JWTChecker({ delay }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/jwt-checker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/jwt-checker/index.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,KAAY,EAAE,EAAE,KAAK,2CAOzD"}

package/dist/components/jwt-checker/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { CONSTANTS } from "sea-platform-helpers";
+import { useInterval } from "../../hooks/use-interval";
+import { getCookie } from "../../utils/cookie";
+export default function JWTChecker({ delay = 2000 }) {
+    useInterval(() => {
+        const jwt = getCookie(CONSTANTS.JWT.JWTCookieKey);
+        console.log("JWTChecker - current JWT:", jwt);
+        if (!jwt)
+            window.location.reload();
+    }, delay);
+    return _jsx(_Fragment, {});
+}

package/dist/components/jwt-token-checker/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/components/jwt-token-checker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/jwt-token-checker/index.tsx"],"names":[],"mappings":""}

package/dist/components/searchable-select/index.js

@@ -18,7 +18,7 @@ export default function SearchableSelect({ getItems, getLabel, getValue, ...prop
         return () => {
             active = false; // cancel stale promises
         };
-    }, [query, memoGetItems]);
+    }, [query]);
     // --- Memoize mapped options ---
     const mappedOptions = useMemo(() => options.map((item) => ({
         label: memoGetLabel(item),

package/dist/components/select/SelectChips.d.ts

@@ -0,0 +1,9 @@
+import type { SelectOption } from "./SelectTypes";
+export type SelectChipsProps<T> = {
+    name: string;
+    selectedOptions: SelectOption<T>[];
+    disabled: boolean;
+    onRemove: (option: SelectOption<T>) => void;
+};
+export default function SelectChips<T>({ name, selectedOptions, disabled, onRemove, }: SelectChipsProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectChips.d.ts.map

package/dist/components/select/SelectChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChips.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectChips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,CAAC,EAAE,EACrC,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,QAAQ,GACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAwBrB"}

package/dist/components/select/SelectChips.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@iconify/react";
+export default function SelectChips({ name, selectedOptions, disabled, onRemove, }) {
+    return (_jsx("div", { className: "flex flex-wrap gap-2", id: name, children: selectedOptions.map((o, i) => (_jsxs("div", { className: "bg-primary bg-opacity-50 px-2 py-1 rounded-2xl flex items-center gap-1", children: [_jsx("span", { className: "text-black text-sm", children: o.label }), !disabled && (_jsx("button", { type: "button", onClick: (e) => {
+                        e.stopPropagation();
+                        onRemove(o);
+                    }, children: _jsx(Icon, { icon: "line-md:close-small", className: "w-4 h-4" }) }))] }, `${name}-${i}`))) }));
+}

package/dist/components/select/SelectControl.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type SelectControlProps = {
+    disabled: boolean;
+    errorMessage?: string | boolean;
+    isOpen: boolean;
+    buttonClassName?: string;
+    onToggle: () => void;
+    leftContent: React.ReactNode;
+    showClear: boolean;
+    onClear: (e: React.MouseEvent) => void;
+};
+export default function SelectControl({ disabled, errorMessage, isOpen, buttonClassName, onToggle, leftContent, showClear, onClear, }: SelectControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectControl.d.ts.map

package/dist/components/select/SelectControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectControl.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,2CAuCpB"}

package/dist/components/select/SelectControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Icon } from "@iconify/react";
+export default function SelectControl({ disabled, errorMessage, isOpen, buttonClassName, onToggle, leftContent, showClear, onClear, }) {
+    return (_jsxs("div", { onClick: () => !disabled && onToggle(), className: clsx("text-text flex items-center justify-between gap-2 px-3 py-2 rounded-md border-0.5 hover:border-primary transition-all", disabled
+            ? "bg-gray-100 text-gray-400 cursor-not-allowed"
+            : "bg-white cursor-pointer", errorMessage
+            ? "border-error"
+            : isOpen
+                ? "border-primary"
+                : "border-gray-200", buttonClassName), children: [leftContent, _jsxs("div", { className: "flex items-center gap-1", children: [!disabled && showClear && (_jsx("button", { type: "button", onClick: onClear, title: "Clear selection", className: "text-gray-500 hover:text-primary", children: _jsx(Icon, { icon: "line-md:close-small", className: "w-5 h-5" }) })), _jsx(Icon, { icon: "iconamoon:arrow-down-2", className: clsx("transition-transform duration-200", isOpen && "rotate-180") })] })] }));
+}

package/dist/components/select/SelectDropdownContent.d.ts

@@ -0,0 +1,23 @@
+import React, { ChangeEvent } from "react";
+import { MenuPosition } from "./useSelectPortal";
+import type { SelectOption } from "./SelectTypes";
+export type SelectDropdownContentProps<T> = {
+    usePortal: boolean;
+    dropdownClassName?: string;
+    animate: boolean;
+    menuPos: MenuPosition;
+    isSearchable: boolean;
+    search: string;
+    onChangeSearchInput: (e: ChangeEvent<HTMLInputElement>) => void;
+    filteredOptions: SelectOption<T>[];
+    selectedOptions: SelectOption<T>[];
+    name: string;
+    onOptionClick: (option: SelectOption<T>) => void;
+    onStopClick?: (e: React.MouseEvent) => void;
+};
+declare function BaseSelectDropdownContent<T>({ usePortal, dropdownClassName, animate, menuPos, isSearchable, search, onChangeSearchInput, filteredOptions, selectedOptions, name, onOptionClick, onStopClick, }: SelectDropdownContentProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare const SelectDropdownContent: <T>(p: SelectDropdownContentProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof BaseSelectDropdownContent>;
+export default SelectDropdownContent;
+//# sourceMappingURL=SelectDropdownContent.d.ts.map

package/dist/components/select/SelectDropdownContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectDropdownContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,IAAI;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,iBAAS,yBAAyB,CAAC,CAAC,EAClC,EACE,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,YAAY,EACZ,MAAM,EACN,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,IAAI,EACJ,aAAa,EACb,WAAW,GACZ,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAChC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAsExC;AAED,QAAA,MAAM,qBAAqB,EAA4C,CAAC,CAAC,EACvE,CAAC,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;CAC1C,KACE,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAElD,eAAe,qBAAqB,CAAC"}

package/dist/components/select/SelectDropdownContent.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Icon } from "@iconify/react";
+function BaseSelectDropdownContent({ usePortal, dropdownClassName, animate, menuPos, isSearchable, search, onChangeSearchInput, filteredOptions, selectedOptions, name, onOptionClick, onStopClick, }, ref) {
+    return (_jsxs("div", { className: clsx("bg-white border border-gray-200 rounded-md shadow-lg overflow-auto transition-all duration-200 ease-out", animate
+            ? "opacity-100 translate-y-0 scale-100"
+            : menuPos.placement === "bottom"
+                ? "opacity-0 -translate-y-1 scale-95"
+                : "opacity-0 translate-y-1 scale-95", menuPos.placement === "bottom" ? "origin-top" : "origin-bottom", dropdownClassName), onClick: onStopClick, style: usePortal
+            ? {
+                position: "fixed",
+                zIndex: 60,
+                left: menuPos.left,
+                top: menuPos.top,
+                width: menuPos.width,
+                maxHeight: menuPos.maxHeight,
+            }
+            : undefined, ref: ref, children: [isSearchable && (_jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-100 px-2 py-1 flex items-center gap-2", children: [_jsx(Icon, { icon: "mdi:magnify", className: "text-gray-500 w-5 h-5" }), _jsx("input", { type: "text", placeholder: "Search...", value: search, onChange: onChangeSearchInput, className: "w-full outline-none text-sm bg-transparent py-1" })] })), filteredOptions.length > 0 ? (filteredOptions.map((o, i) => {
+                const isSelected = selectedOptions.some((s) => Object.is(s.value, o.value));
+                return (_jsxs("div", { onClick: () => onOptionClick(o), className: clsx("mx-1 px-3 py-2 cursor-pointer flex items-center gap-2 rounded text-sm hover:text-primary hover:bg-primary/20", isSelected && "bg-primary/10 text-primary"), children: [isSelected ? (_jsx(Icon, { icon: "mdi:check", className: "w-4 h-4 text-primary" })) : (_jsx("div", { className: "w-4 h-4" })), o.label] }, `${name}-option-${i}`));
+            })) : (_jsx("div", { className: "px-3 py-2 text-gray-400 text-sm", children: "No results" }))] }));
+}
+const SelectDropdownContent = forwardRef(BaseSelectDropdownContent);
+export default SelectDropdownContent;

package/dist/components/select/SelectPlaceholder.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export type SelectPlaceHolderProps = {
+    placeholder: string;
+    IconPlaceholderLeft?: React.ReactNode;
+};
+export default function SelectPlaceHolder({ placeholder, IconPlaceholderLeft, }: SelectPlaceHolderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectPlaceholder.d.ts.map

package/dist/components/select/SelectPlaceholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,WAAW,EACX,mBAAmB,GACpB,EAAE,sBAAsB,2CAOxB"}

package/dist/components/select/SelectPlaceholder.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function SelectPlaceHolder({ placeholder, IconPlaceholderLeft, }) {
+    return (_jsxs("div", { className: "flex gap-2 items-center overflow-hidden", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500 truncate line-clamp-1", children: placeholder })] }));
+}

package/dist/components/select/SelectTypes.d.ts

@@ -0,0 +1,5 @@
+export type SelectOption<T> = {
+    value: T;
+    label: React.ReactNode;
+};
+//# sourceMappingURL=SelectTypes.d.ts.map

package/dist/components/select/SelectTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTypes.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectTypes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC"}

package/dist/components/select/SelectTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/components/select/SelectView.d.ts

@@ -0,0 +1,33 @@
+import React, { ChangeEvent } from "react";
+import type { SelectOption } from "./SelectTypes";
+import type { MenuPosition } from "./useSelectPortal";
+export type SelectViewProps<T> = {
+    label?: string;
+    required?: boolean;
+    errorMessage?: string | boolean;
+    containerRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement>;
+    disabled: boolean;
+    isOpen: boolean;
+    buttonClassName?: string;
+    onToggle: () => void;
+    multiselect: boolean;
+    selectedOptions: SelectOption<T>[];
+    placeholder: string;
+    IconPlaceholderLeft?: React.ReactNode;
+    onClear: (e: React.MouseEvent) => void;
+    name: string;
+    show: boolean;
+    usePortal: boolean;
+    dropdownClassName?: string;
+    animate: boolean;
+    menuPos: MenuPosition;
+    isSearchable: boolean;
+    search: string;
+    onChangeSearchInput: (e: ChangeEvent<HTMLInputElement>) => void;
+    filteredOptions: SelectOption<T>[];
+    onOptionClick: (o: SelectOption<T>) => void;
+    desiredMax: number;
+};
+export default function SelectView<T>({ label, required, errorMessage, containerRef, menuRef, disabled, isOpen, buttonClassName, onToggle, multiselect, selectedOptions, placeholder, IconPlaceholderLeft, onClear, name, show, usePortal, dropdownClassName, animate, menuPos, isSearchable, search, onChangeSearchInput, filteredOptions, onOptionClick, desiredMax, }: SelectViewProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectView.d.ts.map

package/dist/components/select/SelectView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectView.d.ts","sourceRoot":"","sources":["../../../src/components/select/SelectView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAO3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAE/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAGhC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAGzC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAGvC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,YAAY,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,EACpC,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,YAAY,EACZ,MAAM,EACN,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,UAAU,GACX,EAAE,eAAe,CAAC,CAAC,CAAC,2CA2FpB"}

package/dist/components/select/SelectView.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import clsx from "clsx";
+import SelectControl from "./SelectControl";
+import SelectPlaceHolder from "./SelectPlaceholder";
+import SelectChips from "./SelectChips";
+import SelectDropdownContent from "./SelectDropdownContent";
+export default function SelectView({ label, required, errorMessage, containerRef, menuRef, disabled, isOpen, buttonClassName, onToggle, multiselect, selectedOptions, placeholder, IconPlaceholderLeft, onClear, name, show, usePortal, dropdownClassName, animate, menuPos, isSearchable, search, onChangeSearchInput, filteredOptions, onOptionClick, desiredMax, }) {
+    const leftContent = multiselect ? (selectedOptions.length ? (_jsx(SelectChips, { name: name, selectedOptions: selectedOptions, disabled: disabled, onRemove: (o) => onOptionClick(o) })) : (_jsx(SelectPlaceHolder, { placeholder: placeholder, IconPlaceholderLeft: IconPlaceholderLeft }))) : selectedOptions[0] ? (_jsx("div", { className: "text-text truncate line-clamp-1", children: selectedOptions[0].label })) : (_jsx(SelectPlaceHolder, { placeholder: placeholder, IconPlaceholderLeft: IconPlaceholderLeft }));
+    const dropdownEl = (_jsx(SelectDropdownContent, { ref: menuRef, usePortal: usePortal, dropdownClassName: dropdownClassName, animate: animate, menuPos: menuPos, isSearchable: isSearchable, search: search, onChangeSearchInput: onChangeSearchInput, filteredOptions: filteredOptions, selectedOptions: selectedOptions, name: name, onOptionClick: onOptionClick, onStopClick: (e) => e.stopPropagation() }));
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [label && (_jsxs("label", { htmlFor: name, className: "pl-1 text-sm text-foreground font-medium mb-2", children: [label, " ", required && _jsx("span", { className: "font-bold", children: "*" })] })), _jsxs("div", { ref: containerRef, className: "relative w-full", children: [_jsx(SelectControl, { disabled: disabled, errorMessage: errorMessage, isOpen: isOpen, buttonClassName: buttonClassName, onToggle: onToggle, leftContent: leftContent, showClear: !disabled &&
+                            (multiselect ? selectedOptions.length > 0 : !!selectedOptions[0]), onClear: onClear }), show &&
+                        !disabled &&
+                        (usePortal ? (createPortal(dropdownEl, document.body)) : (_jsx("div", { className: clsx("absolute left-0 mt-1 z-50 max-w-[360px] min-w-[260px] w-full"), style: { maxHeight: desiredMax }, children: dropdownEl })))] }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+}

package/dist/components/select/index.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
-export type SelectOption<T> = {
-    value: T;
-    label: React.ReactNode;
-};
+import type { SelectOption } from "./SelectTypes";
+export type { SelectOption } from "./SelectTypes";
 export type Props<T> = {
     name: string;
     options: SelectOption<T>[];
@@ -21,6 +19,8 @@ export type Props<T> = {
     onRemove?: () => void;
     searchDebounceTimeout?: number;
     isRemote?: boolean;
+    usePortal?: boolean;
+    dropdownClassName?: string;
 };
-export default function Select<T>({ name, options, values, setValues, errorMessage, buttonClassName, placeholder, multiselect, disabled, label, isSearchable, required, IconPlaceholderLeft, onChangeSearchInput, onRemove, searchDebounceTimeout, isRemote, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function Select<T>({ name, options, values, setValues, errorMessage, buttonClassName, placeholder, multiselect, disabled, label, isSearchable, required, IconPlaceholderLeft, onChangeSearchInput, onRemove, searchDebounceTimeout, isRemote, usePortal, dropdownClassName, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAEpC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,EACR,qBAA2B,EAC3B,QAAgB,GACjB,EAAE,KAAK,CAAC,CAAC,CAAC,2CA6RV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAGlD,YAAY,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAEpC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,eAAe,EACf,WAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,KAAK,EACL,YAAoB,EACpB,QAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,QAAQ,EACR,qBAA2B,EAC3B,QAAgB,EAChB,SAAgB,EAChB,iBAAiB,GAClB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAqIV"}

package/dist/components/select/index.js

@@ -1,46 +1,46 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo, } from "react";
-import { Icon } from "@iconify/react";
-import clsx from "clsx";
-// ---------- Component ----------
-export default function Select({ name, options, values, setValues, errorMessage, buttonClassName, placeholder = "Select...", multiselect = false, disabled = false, label, isSearchable = false, required = false, IconPlaceholderLeft, onChangeSearchInput, onRemove, searchDebounceTimeout = 500, isRemote = false, }) {
+import { useSelectPortal } from "./useSelectPortal";
+import SelectView from "./SelectView";
+export default function Select({ name, options, values, setValues, errorMessage, buttonClassName, placeholder = "Select...", multiselect = false, disabled = false, label, isSearchable = false, required = false, IconPlaceholderLeft, onChangeSearchInput, onRemove, searchDebounceTimeout = 500, isRemote = false, usePortal = true, dropdownClassName, }) {
     const [isOpen, setIsOpen] = useState(false);
-    const [show, setShow] = useState(false);
-    const [animate, setAnimate] = useState(false);
     const [search, setSearch] = useState("");
     const [selectedCache, setSelectedCache] = useState([]);
     const containerRef = useRef(null);
-    // ---------- Debounced Search ----------
+    const menuRef = useRef(null);
+    const { show, animate, menuPos, desiredMax } = useSelectPortal({
+        isOpen,
+        usePortal,
+        containerRef,
+        menuRef,
+        heightDeps: [search, options.length, selectedCache.length],
+    });
+    // Debounced remote search trigger
     useEffect(() => {
         if (!onChangeSearchInput)
             return;
         const timeout = setTimeout(() => onChangeSearchInput(search), searchDebounceTimeout);
         return () => clearTimeout(timeout);
     }, [search, onChangeSearchInput, searchDebounceTimeout]);
-    const handleSearchInputChange = (e) => {
-        setSearch(e.target.value);
-    };
-    // ---------- Derived Values ----------
+    const handleSearchInputChange = (e) => setSearch(e.target.value);
+    // Derived values
     const mergedOptions = useMemo(() => [
         ...options,
         ...selectedCache.filter((cached) => !options.some((o) => Object.is(o.value, cached.value))),
     ], [options, selectedCache]);
     const selectedOptions = useMemo(() => mergedOptions.filter((o) => values.some((v) => Object.is(v, o.value))), [mergedOptions, values]);
     const filteredOptions = useMemo(() => {
-        // Case 1: Not searchable => just return options
         if (!isSearchable)
             return mergedOptions;
-        // Case 2: Remote mode => skip local filtering (server handles it)
         if (isRemote)
             return mergedOptions;
-        // Case 3: Local filtering
         if (!search.trim())
             return mergedOptions;
         const lower = search.toLowerCase();
         return mergedOptions.filter((o) => String(o.label).toLowerCase().includes(lower));
     }, [isSearchable, mergedOptions, search, isRemote]);
-    // ---------- Selection Logic ----------
+    // Selection logic
     const toggleOption = (option) => {
         if (disabled)
             return;
@@ -61,12 +61,6 @@ export default function Select({ name, options, values, setValues, errorMessage,
         }
         setValues(updatedValues);
     };
-    const removeSelected = (option) => {
-        if (disabled)
-            return;
-        setValues(values.filter((v) => !Object.is(v, option.value)));
-        setSelectedCache((prev) => prev.filter((s) => !Object.is(s.value, option.value)));
-    };
     const handleClear = (e) => {
         e.stopPropagation();
         if (disabled)
@@ -75,50 +69,20 @@ export default function Select({ name, options, values, setValues, errorMessage,
         setSelectedCache([]);
         onRemove === null || onRemove === void 0 ? void 0 : onRemove();
     };
-    // ---------- Dropdown Visibility ----------
+    // Click outside
     useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (containerRef.current &&
-                !containerRef.current.contains(e.target)) {
+        const onDocMouseDown = (e) => {
+            const target = e.target;
+            const inTrigger = containerRef.current && containerRef.current.contains(target);
+            const inMenu = menuRef.current && menuRef.current.contains(target);
+            if (!inTrigger && !inMenu)
                 setIsOpen(false);
-            }
         };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
+        document.addEventListener("mousedown", onDocMouseDown);
+        return () => document.removeEventListener("mousedown", onDocMouseDown);
     }, []);
-    useEffect(() => {
-        if (isOpen) {
-            setShow(true);
-            requestAnimationFrame(() => setAnimate(true));
-        }
-        else {
-            setAnimate(false);
-            const timeout = setTimeout(() => setShow(false), 200);
-            return () => clearTimeout(timeout);
-        }
-    }, [isOpen]);
-    // ---------- Render ----------
-    const renderSelectedChips = () => selectedOptions.map((o, i) => (_jsxs("div", { className: "bg-primary bg-opacity-50 px-2 py-1 rounded-2xl flex items-center gap-1", children: [_jsx("span", { className: "text-black text-sm", children: o.label }), !disabled && (_jsx("button", { type: "button", onClick: (e) => {
-                    e.stopPropagation();
-                    removeSelected(o);
-                }, children: _jsx(Icon, { icon: "line-md:close-small", className: "w-4 h-4" }) }))] }, `${name}-${i}`)));
-    const renderPlaceholder = () => (_jsxs("div", { className: "flex gap-2 items-center overflow-hidden", children: [IconPlaceholderLeft, _jsx("p", { className: "text-gray-500 truncate line-clamp-1", children: placeholder })] }));
-    return (_jsxs("div", { className: "flex flex-col gap-1", children: [label && (_jsxs("label", { htmlFor: name, className: "pl-1 text-sm text-foreground font-medium mb-2", children: [label, " ", required && _jsx("span", { className: "font-bold", children: "*" })] })), _jsxs("div", { ref: containerRef, className: "relative w-full", children: [_jsxs("div", { onClick: () => !disabled && setIsOpen((o) => !o), className: clsx("text-text flex items-center justify-between gap-2 px-3 py-2 rounded-md border-0.5 hover:border-primary transition-all", disabled
-                            ? "bg-gray-100 text-gray-400 cursor-not-allowed"
-                            : "bg-white cursor-pointer", errorMessage
-                            ? "border-error"
-                            : isOpen
-                                ? "border-primary"
-                                : "border-gray-200", buttonClassName), children: [multiselect ? (selectedOptions.length ? (_jsx("div", { className: "flex flex-wrap gap-2", id: name, children: renderSelectedChips() })) : (renderPlaceholder())) : selectedOptions[0] ? (_jsx("div", { className: "text-text truncate line-clamp-1", children: selectedOptions[0].label })) : (renderPlaceholder()), _jsxs("div", { className: "flex items-center gap-1", children: [!disabled &&
-                                        (multiselect
-                                            ? selectedOptions.length > 0
-                                            : !!selectedOptions[0]) && (_jsx("button", { type: "button", onClick: handleClear, title: "Clear selection", className: "text-gray-500 hover:text-primary", children: _jsx(Icon, { icon: "line-md:close-small", className: "w-5 h-5" }) })), _jsx(Icon, { icon: "iconamoon:arrow-down-2", className: clsx("transition-transform duration-200", isOpen && "rotate-180") })] })] }), show && !disabled && (_jsxs("div", { className: clsx("absolute left-0 mt-1 z-50 bg-white border border-gray-200 rounded-md shadow-lg max-h-64 overflow-auto max-w-[360px] min-w-[260px] w-full transition-all duration-200 ease-out", animate
-                            ? "opacity-100 translate-y-0 scale-100"
-                            : "opacity-0 -translate-y-1 scale-95"), children: [isSearchable && (_jsxs("div", { className: "sticky top-0 bg-white border-b border-gray-100 px-2 py-1 flex items-center gap-2", onClick: (e) => e.stopPropagation(), children: [_jsx(Icon, { icon: "mdi:magnify", className: "text-gray-500 w-5 h-5" }), _jsx("input", { type: "text", placeholder: "Search...", value: search, onChange: handleSearchInputChange, className: "w-full outline-none text-sm bg-transparent py-1" })] })), filteredOptions.length > 0 ? (filteredOptions.map((o, i) => {
-                                const isSelected = selectedOptions.some((s) => Object.is(s.value, o.value));
-                                return (_jsxs("div", { onClick: () => {
-                                        setSearch("");
-                                        toggleOption(o);
-                                    }, className: clsx("mx-1 px-3 py-2 cursor-pointer flex items-center gap-2 rounded text-sm hover:text-primary hover:bg-primary/20", isSelected && "bg-primary/10 text-primary"), children: [isSelected ? (_jsx(Icon, { icon: "mdi:check", className: "w-4 h-4 text-primary" })) : (_jsx("div", { className: "w-4 h-4" })), o.label] }, `${name}-option-${i}`));
-                            })) : (_jsx("div", { className: "px-3 py-2 text-gray-400 text-sm", children: "No results" }))] }))] }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+    return (_jsx(SelectView, { label: label, required: required, errorMessage: errorMessage, containerRef: containerRef, menuRef: menuRef, disabled: disabled, isOpen: isOpen, buttonClassName: buttonClassName, onToggle: () => setIsOpen((o) => !o), multiselect: multiselect, selectedOptions: selectedOptions, placeholder: placeholder, IconPlaceholderLeft: IconPlaceholderLeft, onClear: handleClear, name: name, show: show, usePortal: usePortal, dropdownClassName: dropdownClassName, animate: animate, menuPos: menuPos, isSearchable: isSearchable, search: search, onChangeSearchInput: handleSearchInputChange, filteredOptions: filteredOptions, onOptionClick: (o) => {
+            setSearch("");
+            toggleOption(o);
+        }, desiredMax: desiredMax }));
 }

package/dist/components/select/useSelectPortal.d.ts

@@ -0,0 +1,27 @@
+export type MenuPosition = {
+    left: number;
+    top: number;
+    width: number;
+    maxHeight: number;
+    placement: "top" | "bottom";
+};
+export declare const DEFAULT_GAP = 4;
+export declare const DEFAULT_DESIRED_MAX = 256;
+export declare function useSelectPortal(params: {
+    isOpen: boolean;
+    usePortal: boolean;
+    containerRef: React.RefObject<HTMLDivElement>;
+    menuRef: React.RefObject<HTMLDivElement>;
+    heightDeps?: unknown[];
+    gap?: number;
+    desiredMax?: number;
+    scrollDebounceMs?: number;
+}): {
+    readonly show: boolean;
+    readonly animate: boolean;
+    readonly menuPos: MenuPosition;
+    readonly updateMenuPosition: () => void;
+    readonly gap: number;
+    readonly desiredMax: number;
+};
+//# sourceMappingURL=useSelectPortal.d.ts.map

package/dist/components/select/useSelectPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectPortal.d.ts","sourceRoot":"","sources":["../../../src/components/select/useSelectPortal.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAKvC,wBAAgB,eAAe,CAAC,MAAM,EAAE;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;;;;;;;EAiIA"}

package/dist/components/select/useSelectPortal.js

@@ -0,0 +1,110 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState, } from "react";
+export const DEFAULT_GAP = 4;
+export const DEFAULT_DESIRED_MAX = 256; // px
+const clamp = (val, min, max) => Math.max(min, Math.min(val, max));
+export function useSelectPortal(params) {
+    const { isOpen, usePortal, containerRef, menuRef, heightDeps = [], gap = DEFAULT_GAP, desiredMax = DEFAULT_DESIRED_MAX, scrollDebounceMs = 120, } = params;
+    const [show, setShow] = useState(false);
+    const [animate, setAnimate] = useState(false);
+    const [menuPos, setMenuPos] = useState({
+        left: 0,
+        top: 0,
+        width: 0,
+        maxHeight: desiredMax,
+        placement: "bottom",
+    });
+    const scrollEndTimerRef = useRef(null);
+    const updateMenuPosition = useCallback(() => {
+        const trigger = containerRef.current;
+        if (!trigger)
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        const spaceBelow = vh - rect.bottom;
+        const spaceAbove = rect.top;
+        const shouldFlip = spaceBelow < 160 && spaceAbove > spaceBelow;
+        const placement = shouldFlip ? "top" : "bottom";
+        const maxHeight = Math.min(desiredMax, Math.max((shouldFlip ? spaceAbove : spaceBelow) - gap, 120));
+        const width = rect.width;
+        const rawLeft = usePortal ? rect.left : rect.left + window.scrollX;
+        const left = clamp(rawLeft, 8, vw - width - 8);
+        const top = shouldFlip
+            ? usePortal
+                ? rect.top - gap - maxHeight
+                : rect.top + window.scrollY - gap - maxHeight
+            : usePortal
+                ? rect.bottom + gap
+                : rect.bottom + window.scrollY + gap;
+        setMenuPos({ left, top, width, maxHeight, placement });
+    }, [containerRef, usePortal, gap, desiredMax]);
+    // Refine top when placement is top (after actual height known)
+    useLayoutEffect(() => {
+        if (!isOpen)
+            return;
+        if (!menuRef.current || menuPos.placement !== "top")
+            return;
+        const trigger = containerRef.current;
+        if (!trigger)
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const actualHeight = menuRef.current.offsetHeight || menuPos.maxHeight;
+        const correctedTop = usePortal
+            ? rect.top - gap - actualHeight
+            : rect.top + window.scrollY - gap - actualHeight;
+        if (Math.abs(correctedTop - menuPos.top) > 1) {
+            setMenuPos((prev) => ({ ...prev, top: correctedTop }));
+        }
+        // include values that change height so we re-evaluate when content changes
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        isOpen,
+        usePortal,
+        menuPos.placement,
+        menuPos.top,
+        menuPos.maxHeight,
+        containerRef,
+        menuRef,
+        gap,
+        ...heightDeps,
+    ]);
+    // Open/close lifecycle + resize/scroll handling
+    useEffect(() => {
+        if (isOpen) {
+            setShow(true);
+            updateMenuPosition();
+            const onResize = () => updateMenuPosition();
+            const onAnyScroll = () => {
+                if (scrollEndTimerRef.current)
+                    window.clearTimeout(scrollEndTimerRef.current);
+                scrollEndTimerRef.current = window.setTimeout(() => {
+                    updateMenuPosition();
+                }, scrollDebounceMs);
+            };
+            window.addEventListener("resize", onResize);
+            document.addEventListener("scroll", onAnyScroll, true);
+            requestAnimationFrame(() => setAnimate(true));
+            return () => {
+                window.removeEventListener("resize", onResize);
+                document.removeEventListener("scroll", onAnyScroll, true);
+                if (scrollEndTimerRef.current) {
+                    window.clearTimeout(scrollEndTimerRef.current);
+                    scrollEndTimerRef.current = null;
+                }
+            };
+        }
+        else {
+            setAnimate(false);
+            const t = setTimeout(() => setShow(false), 200);
+            return () => clearTimeout(t);
+        }
+    }, [isOpen, updateMenuPosition, scrollDebounceMs]);
+    return {
+        show,
+        animate,
+        menuPos,
+        updateMenuPosition,
+        gap,
+        desiredMax,
+    };
+}

package/dist/hooks/use-/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-/index.tsx"],"names":[],"mappings":""}

package/dist/hooks/use-has-permission-access/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-has-permission-access/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,GAC9C,OAAO,CAOT;AAED,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,EAAE,GACjD,OAAO,CAST"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-has-permission-access/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,GAC9C,OAAO,CAQT;AAED,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,SAAS,CAAC,UAAU,CAAC,cAAc,EAAE,GACjD,OAAO,CAUT"}

package/dist/hooks/use-has-permission-access/index.js

@@ -5,12 +5,16 @@ import { jwtDecode } from "../../utils/jwt";
 export function useHasPermission(permission) {
     var _a, _b;
     const accessToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
+    if (!accessToken || accessToken === undefined)
+        return false;
     const payload = jwtDecode(accessToken);
     return (_b = (_a = payload === null || payload === void 0 ? void 0 : payload.permissionKeys) === null || _a === void 0 ? void 0 : _a.includes(permission)) !== null && _b !== void 0 ? _b : false;
 }
 export function useHasOneOfPermissions(permissions) {
     var _a, _b;
     const accessToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
+    if (!accessToken || accessToken === undefined)
+        return false;
     const payload = jwtDecode(accessToken);
     return ((_b = (_a = payload === null || payload === void 0 ? void 0 : payload.permissionKeys) === null || _a === void 0 ? void 0 : _a.some((item) => permissions.includes(item))) !== null && _b !== void 0 ? _b : false);
 }

package/dist/hooks/use-interval/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useInterval(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-interval/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-interval/index.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,QAcrE"}

package/dist/hooks/use-interval/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { useEffect, useRef } from "react";
+export function useInterval(callback, delay) {
+    const savedCallback = useRef(callback);
+    // Remember the latest callback
+    useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval
+    useEffect(() => {
+        if (delay === null)
+            return; // allow pausing
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+}

package/dist/hooks/use-token-watcher/index.d.ts

@@ -0,0 +1,7 @@
+type Options = {
+    interval?: number;
+    onTokenMissing: () => void;
+};
+export declare function useTokenWatcher({ interval, onTokenMissing }: Options): void;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/use-token-watcher/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-token-watcher/index.tsx"],"names":[],"mappings":"AAKA,KAAK,OAAO,GAAG;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAe,EAAE,cAAc,EAAE,EAAE,OAAO,QAoB3E"}

package/dist/hooks/use-token-watcher/index.js

@@ -0,0 +1,23 @@
+"use client";
+import { useEffect } from "react";
+import { CONSTANTS } from "sea-platform-helpers";
+import { getCookie } from "../../utils/cookie";
+export function useTokenWatcher({ interval = 3000, onTokenMissing }) {
+    useEffect(() => {
+        let lastToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
+        const id = setInterval(() => {
+            console.log("Watching the token");
+            const currentToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
+            console.log({
+                lastToken,
+                currentToken,
+            });
+            if (!currentToken && lastToken) {
+                console.log("[MustAuth] Token disappeared — triggering noTokenHandler");
+                onTokenMissing();
+            }
+            lastToken = currentToken;
+        }, interval);
+        return () => clearInterval(id);
+    }, [onTokenMissing, interval]);
+}

package/dist/hooks/user-has-application-access/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/user-has-application-access/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,uBAAuB,CACrC,cAAc,EAAE,SAAS,CAAC,WAAW,CAAC,eAAe,GACpD,OAAO,CAOT"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/user-has-application-access/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAIjD,wBAAgB,uBAAuB,CACrC,cAAc,EAAE,SAAS,CAAC,WAAW,CAAC,eAAe,GACpD,OAAO,CAST"}

package/dist/hooks/user-has-application-access/index.js

@@ -5,6 +5,8 @@ import { jwtDecode } from "../../utils/jwt";
 export function useHasApplicationAccess(applicationKey) {
     var _a, _b;
     const accessToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
+    if (!accessToken || accessToken === undefined)
+        return false;
     const payload = jwtDecode(accessToken);
     return (_b = (_a = payload.applicationKeys) === null || _a === void 0 ? void 0 : _a.includes(applicationKey)) !== null && _b !== void 0 ? _b : false;
 }

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/activity-message/index.tsx","../src/components/alert/index.tsx","../src/components/auto-complete/auto-complete-context.tsx","../src/components/auto-complete/auto-complete-dropdown.tsx","../src/components/auto-complete/auto-complete-input.tsx","../src/components/auto-complete/auto-complete-selected.tsx","../src/components/auto-complete/auto-complete.tsx","../src/components/auto-complete/index.tsx","../src/components/auto-complete/use-autocomplete.ts","../src/components/auto-complete-input/index.tsx","../src/components/avatar/index.tsx","../src/components/badge/index.tsx","../src/components/breadcrumb/index.tsx","../src/components/break-line/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/comments-container/index.tsx","../src/components/comments-container/comment-event-bus/index.ts","../src/components/comments-container/comment-form/index.tsx","../src/components/comments-container/comment-item/index.tsx","../src/components/comments-container/comments-list/index.tsx","../src/components/comments-container/constants/index.ts","../src/components/comments-container/use-comments/index.tsx","../src/components/confirm/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/expandable-text/index.tsx","../src/components/file-input/index.tsx","../src/components/file-input/components/file-item/index.tsx","../src/components/firebase-token-handler/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/searchable-select/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/hooks/use-has-permission-access/index.ts","../src/hooks/user-has-application-access/index.ts","../src/middleware/must-auth/index.tsx","../src/utils/auth-axios/index.ts","../src/utils/axios/index.ts","../src/utils/color/index.ts","../src/utils/cookie/index.ts","../src/utils/device/index.ts","../src/utils/file/index.ts","../src/utils/firebase-client/firebase.ts","../src/utils/firebase-client/index.ts","../src/utils/firebase-client/types.ts","../src/utils/jwt/index.ts","../src/utils/notification-localstorage/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/activity-message/index.tsx","../src/components/alert/index.tsx","../src/components/auto-complete/auto-complete-context.tsx","../src/components/auto-complete/auto-complete-dropdown.tsx","../src/components/auto-complete/auto-complete-input.tsx","../src/components/auto-complete/auto-complete-selected.tsx","../src/components/auto-complete/auto-complete.tsx","../src/components/auto-complete/index.tsx","../src/components/auto-complete/use-autocomplete.ts","../src/components/auto-complete-input/index.tsx","../src/components/avatar/index.tsx","../src/components/badge/index.tsx","../src/components/breadcrumb/index.tsx","../src/components/break-line/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/comments-container/index.tsx","../src/components/comments-container/comment-event-bus/index.ts","../src/components/comments-container/comment-form/index.tsx","../src/components/comments-container/comment-item/index.tsx","../src/components/comments-container/comments-list/index.tsx","../src/components/comments-container/constants/index.ts","../src/components/comments-container/use-comments/index.tsx","../src/components/confirm/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/expandable-text/index.tsx","../src/components/file-input/index.tsx","../src/components/file-input/components/file-item/index.tsx","../src/components/firebase-token-handler/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/searchable-select/index.tsx","../src/components/select/selectchips.tsx","../src/components/select/selectcontrol.tsx","../src/components/select/selectdropdowncontent.tsx","../src/components/select/selectplaceholder.tsx","../src/components/select/selecttypes.ts","../src/components/select/selectview.tsx","../src/components/select/index.tsx","../src/components/select/useselectportal.ts","../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/hooks/use-has-permission-access/index.ts","../src/hooks/user-has-application-access/index.ts","../src/middleware/must-auth/index.tsx","../src/utils/auth-axios/index.ts","../src/utils/axios/index.ts","../src/utils/color/index.ts","../src/utils/cookie/index.ts","../src/utils/device/index.ts","../src/utils/file/index.ts","../src/utils/firebase-client/firebase.ts","../src/utils/firebase-client/index.ts","../src/utils/firebase-client/types.ts","../src/utils/jwt/index.ts","../src/utils/notification-localstorage/index.ts","../src/utils/validation/index.ts"],"version":"5.6.3"}

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":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,MAAM,YACN,YAAY,kCA6DtB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/axios/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,GAAG,QAAQ,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,MAAM,YACN,YAAY,kCAiEtB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/utils/axios/index.js

@@ -43,6 +43,9 @@ export const createInstance = (baseURL, options = {
         ].includes(message)) {
             console.log("Unauthenticated or invalid input - logging out");
             removeCookie(options.JWTTokenKey);
+            setTimeout(() => {
+                window.location.reload();
+            }, 2000);
         }
         return Promise.reject((_d = error.response) === null || _d === void 0 ? void 0 : _d.data);
     });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/cookie/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAAU,MAAM,KAAG,MAAM,GAAG,SAMjD,CAAC;AAEF,eAAO,MAAM,SAAS,SACd,MAAM,SACL,MAAM,YACH;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CACtC,KACA,IAiBF,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,IAa3C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/cookie/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,SAAU,MAAM,KAAG,MAAM,GAAG,SAMjD,CAAC;AAEF,eAAO,MAAM,SAAS,SACd,MAAM,SACL,MAAM,YACH;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CACtC,KACA,IAiBF,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,MAAM,KAAG,IAiB3C,CAAC"}

package/dist/utils/cookie/index.js

@@ -26,9 +26,11 @@ export const setCookie = (name, value, options) => {
     document.cookie = cookie;
 };
 export const removeCookie = (name) => {
+    console.log("removeCookie: ", name);
     // Try removing it for all common scopes
     const domains = [window.location.hostname, `.${window.location.hostname}`];
     const paths = ["/", ""];
+    console.log({ domains, paths });
     domains.forEach((domain) => {
         paths.forEach((path) => {
             document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=${path}; domain=${domain};`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sea-react-components",
   "description": "SEA react components library",
-  "version": "1.3.20",
+  "version": "1.3.22",
   "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",
@@ -48,7 +48,7 @@
     "jwt-decode": "^4.0.0",
     "lowlight": "^3.3.0",
     "react-dom": "^18.3.1",
-    "sea-platform-helpers": "^1.5.18",
+    "sea-platform-helpers": "^1.5.19",
     "sea-react-components": "file:",
     "uuid": "^13.0.0",
     "yup": "^1.5.0"