sea-react-components 1.3.14 → 1.3.16

package/dist/components/auto-complete-input2/auto-complete-context.d.ts

@@ -0,0 +1,16 @@
+import { SelectOption } from "../select";
+export type AutocompleteContextType<T> = {
+    inputValue: string;
+    setInputValue: (v: string) => void;
+    open: boolean;
+    setOpen: (v: boolean) => void;
+    filteredOptions: SelectOption<T>[];
+    select: (option: T) => void;
+    remove: (option: T) => void;
+    highlightedIndex: number;
+    setHighlightedIndex: (i: number) => void;
+    selected: T[];
+};
+export declare const AutocompleteContext: import("react").Context<AutocompleteContextType<any>>;
+export declare function useAutocompleteContext<T>(): AutocompleteContextType<T>;
+//# sourceMappingURL=auto-complete-context.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-context.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9B,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,EAAE,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,mBAAmB,uDAC0B,CAAC;AAE3D,wBAAgB,sBAAsB,CAAC,CAAC,KAMxB,uBAAuB,CAAC,CAAC,CAAC,CACzC"}

package/dist/components/auto-complete-input2/auto-complete-context.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+export const AutocompleteContext = createContext(null);
+export function useAutocompleteContext() {
+    const ctx = useContext(AutocompleteContext);
+    if (!ctx)
+        throw new Error("Autocomplete compound components must be used within <Autocomplete>");
+    return ctx;
+}

package/dist/components/auto-complete-input2/auto-complete-dropdown.d.ts

@@ -0,0 +1,2 @@
+export declare function Input(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auto-complete-dropdown.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-dropdown.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

package/dist/components/auto-complete-input2/auto-complete-dropdown.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAutocompleteContext } from "./auto-complete-context";
+import SearchInput from "../search-input";
+export function Input() {
+    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
+    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
+        //   onChange={(e) => setInputValue(e.target.value)}
+        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
+}

package/dist/components/auto-complete-input2/auto-complete-input copy.d.ts

@@ -0,0 +1,2 @@
+export declare function Input(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auto-complete-input%20copy.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-input copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-input copy.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-input copy.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

package/dist/components/auto-complete-input2/auto-complete-input copy.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAutocompleteContext } from "./auto-complete-context";
+import SearchInput from "../search-input";
+export function Input() {
+    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
+    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
+        //   onChange={(e) => setInputValue(e.target.value)}
+        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
+}

package/dist/components/auto-complete-input2/auto-complete-input.d.ts

@@ -0,0 +1,2 @@
+export declare function Input(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auto-complete-input.d.ts.map

package/dist/components/auto-complete-input2/auto-complete-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete-input.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete-input.tsx"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,4CAYpB"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useAutocompleteContext } from "./auto-complete-context";
+import SearchInput from "../search-input";
+export function Input() {
+    const { inputValue, setInputValue, setOpen } = useAutocompleteContext();
+    return (_jsx(SearchInput, { value: inputValue, onFocus: () => setOpen(true), 
+        //   onChange={(e) => setInputValue(e.target.value)}
+        autoComplete: "off", onDebouncedChange: (value) => setInputValue(value) }));
+}

package/dist/components/auto-complete-input2/auto-complete.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SelectOption } from "../select";
+export type AutocompleteProps<T> = {
+    options: SelectOption<T>[];
+    selected?: T[];
+    onSelect?: (selected: T[]) => void;
+    multiselect?: boolean;
+    loading?: boolean;
+    children: React.ReactNode;
+};
+export declare function Autocomplete<T extends string | number | {
+    id: string;
+}>({ options, selected, onSelect, multiselect, loading, children, }: AutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=auto-complete.d.ts.map

package/dist/components/auto-complete-input2/auto-complete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/auto-complete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,EACvE,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,OAAe,EACf,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAqBtB"}

package/dist/components/auto-complete-input2/auto-complete.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { AutocompleteContext } from "./auto-complete-context";
+import { useAutocomplete } from "./use-autocomplete";
+export function Autocomplete({ options, selected, onSelect, multiselect = true, loading = false, children, }) {
+    const containerRef = useRef(null);
+    const ac = useAutocomplete({ options, selected, multiselect, onSelect });
+    // Close dropdown on outside click
+    useEffect(() => {
+        const handler = (e) => {
+            var _a;
+            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
+                ac.setOpen(false);
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, [ac]);
+    return (_jsx(AutocompleteContext.Provider, { value: ac, children: _jsx("div", { ref: containerRef, className: "relative w-full", children: children }) }));
+}

package/dist/components/auto-complete-input2/component.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import SearchInput from "../search-input";
+import { SelectOption } from "../select";
+export type Props<T extends string | number | {
+    id: string;
+}> = {
+    label?: string;
+    name?: string;
+    options: SelectOption<T>[];
+    selectedOptions?: T[];
+    setSelectedOptions?: (opts: T[]) => void;
+    onOptionSelect?: (option: SelectOption<T>) => void;
+    multiselect?: boolean;
+    loading?: boolean;
+    renderSelectedOptions?: (selected: T[], remove: (option: T) => void) => React.ReactNode;
+    renderOption?: (option: SelectOption<T>, isHighlighted: boolean) => React.ReactNode;
+    renderContainer?: (content: {
+        input: React.ReactNode;
+        dropdown: React.ReactNode;
+        selected: React.ReactNode;
+        multiselect: boolean;
+    }) => React.ReactNode;
+} & Omit<React.ComponentProps<typeof SearchInput>, "onDebouncedChange"> & {
+    onDebouncedChange?: (val: string) => void;
+};
+export default function AutoCompleteInput<T extends string | number | {
+    id: string;
+}>({ label, name, options, selectedOptions, setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading, multiselect, renderSelectedOptions, renderOption, renderContainer, ...rest }: Props<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/auto-complete-input2/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,IAAI;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,CAAC,EAAE,EACb,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,KACxB,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EACvB,aAAa,EAAE,OAAO,KACnB,KAAK,CAAC,SAAS,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,WAAW,EAAE,OAAO,CAAC;KACtB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,mBAAmB,CAAC,GAAG;IACtE,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,EACA,KAAK,EACL,IAAI,EACJ,OAAO,EACP,eAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,OAAe,EACf,WAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsGV"}

package/dist/components/auto-complete-input2/component.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import SearchInput from "../search-input";
+import Loader from "../loader";
+import clsx from "clsx";
+import { useAutocomplete } from "./use-autocomplete";
+export default function AutoCompleteInput({ label, name, options, selectedOptions = [], setSelectedOptions, onOptionSelect, value, onChange, onDebouncedChange, loading = false, multiselect = true, renderSelectedOptions, renderOption, renderContainer, ...rest }) {
+    const containerRef = useRef(null);
+    const { inputValue, setInputValue, open, setOpen, filteredOptions, select, remove, highlightedIndex, setHighlightedIndex, selected, } = useAutocomplete({
+        options,
+        selected: selectedOptions,
+        multiselect,
+        onSelect: setSelectedOptions,
+    });
+    // Click outside to close
+    useEffect(() => {
+        const handler = (e) => {
+            var _a;
+            if (!((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)))
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", handler);
+        return () => document.removeEventListener("mousedown", handler);
+    }, []);
+    const handleOptionSelect = (option) => {
+        select(option.value);
+        onOptionSelect === null || onOptionSelect === void 0 ? void 0 : onOptionSelect(option);
+    };
+    const input = (_jsx(SearchInput, { label: label, name: name, value: inputValue, onFocus: () => setOpen(true), onChange: (e) => {
+            setInputValue(e.target.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(e);
+        }, onDebouncedChange: (val) => {
+            setOpen(true);
+            onDebouncedChange === null || onDebouncedChange === void 0 ? void 0 : onDebouncedChange(val);
+        }, autoComplete: "off", ...rest }));
+    const dropdown = open ? (_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", highlightedIndex === i && "bg-gray-100"), onMouseEnter: () => setHighlightedIndex(i), onClick: () => handleOptionSelect(o), children: renderOption ? renderOption(o, highlightedIndex === i) : o.label }, `${name}-option-${i}`)))) : (_jsx("div", { className: "p-4 text-center text-gray-400", children: "No options found" })) })) : null;
+    const selectedNode = selected.length
+        ? renderSelectedOptions === null || renderSelectedOptions === void 0 ? void 0 : renderSelectedOptions(selected, remove)
+        : null;
+    return (_jsx("div", { ref: containerRef, className: "relative w-full", children: renderContainer ? (renderContainer({
+            input,
+            dropdown,
+            selected: selectedNode,
+            multiselect,
+        })) : (_jsxs(_Fragment, { children: [selectedNode, input, dropdown] })) }));
+}

package/dist/components/auto-complete-input2/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AutoCompleteInput2, Props } from "./component";
+export * from "./use-autocomplete";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/auto-complete-input2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACnE,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as AutoCompleteInput2 } from "./component";
+export * from "./use-autocomplete";

package/dist/components/auto-complete-input2/use-autocomplete.d.ts

@@ -0,0 +1,21 @@
+import { SelectOption } from "../select";
+export declare function useAutocomplete<T extends string | number | {
+    id: string;
+}>(props: {
+    options: SelectOption<T>[];
+    selected?: T[];
+    multiselect?: boolean;
+    onSelect?: (selected: T[]) => void;
+}): {
+    inputValue: string;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    filteredOptions: SelectOption<T>[];
+    select: (option: T) => void;
+    remove: (option: T) => void;
+    highlightedIndex: number;
+    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selected: T[];
+};
+//# sourceMappingURL=use-autocomplete.d.ts.map

package/dist/components/auto-complete-input2/use-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/use-autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,eAAe,CAC7B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,KAAK,EAAE;IACP,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;;;;;;qBA0ByB,CAAC;qBAWD,CAAC;;;;EA4B1B"}

package/dist/components/auto-complete-input2/use-autocomplete.js

@@ -0,0 +1,56 @@
+import { useState, useMemo } from "react";
+export function useAutocomplete(props) {
+    const { options, selected = [], multiselect = true, onSelect } = props;
+    const [inputValue, setInputValue] = useState("");
+    const [open, setOpen] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const filteredOptions = useMemo(() => {
+        if (!multiselect)
+            return options;
+        return options.filter((o) => !selected.some((s) => {
+            if (typeof s === "string" || typeof s === "number")
+                return s === o.value;
+            if (typeof s === "object" &&
+                "id" in s &&
+                typeof o.value === "object" &&
+                "id" in o.value)
+                return s.id === o.value.id;
+            return false;
+        }));
+    }, [options, selected, multiselect]);
+    const select = (option) => {
+        if (multiselect) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect([...selected, option]);
+        }
+        else {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect([option]);
+            setOpen(false);
+        }
+        setInputValue("");
+        setHighlightedIndex(0);
+    };
+    const remove = (option) => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selected.filter((s) => {
+            if (typeof s === "string" || typeof s === "number")
+                return s !== option;
+            if (typeof s === "object" &&
+                "id" in s &&
+                typeof option === "object" &&
+                "id" in option)
+                return s.id !== option.id;
+            return true;
+        }));
+    };
+    return {
+        inputValue,
+        setInputValue,
+        open,
+        setOpen,
+        filteredOptions,
+        select,
+        remove,
+        highlightedIndex,
+        setHighlightedIndex,
+        selected,
+    };
+}

package/dist/components/auto-complete-input2/useAutocomplete.d.ts

@@ -0,0 +1,21 @@
+import { SelectOption } from "../select";
+export declare function useAutocomplete<T extends string | number | {
+    id: string;
+}>(props: {
+    options: SelectOption<T>[];
+    selected?: T[];
+    multiselect?: boolean;
+    onSelect?: (selected: T[]) => void;
+}): {
+    inputValue: string;
+    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    filteredOptions: SelectOption<T>[];
+    select: (option: T) => void;
+    remove: (option: T) => void;
+    highlightedIndex: number;
+    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    selected: T[];
+};
+//# sourceMappingURL=useAutocomplete.d.ts.map

package/dist/components/auto-complete-input2/useAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/auto-complete-input2/useAutocomplete.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,wBAAgB,eAAe,CAC7B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAC1C,KAAK,EAAE;IACP,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;;;;;;qBA4ByB,CAAC;qBAWD,CAAC;;;;EA6B1B"}

package/dist/components/auto-complete-input2/useAutocomplete.js

@@ -0,0 +1,59 @@
+import { useState, useMemo } from "react";
+export function useAutocomplete(props) {
+    const { options, selected = [], multiselect = true, onSelect } = props;
+    const [inputValue, setInputValue] = useState("");
+    const [open, setOpen] = useState(false);
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const filteredOptions = useMemo(() => {
+        if (!multiselect)
+            return options;
+        return options.filter((o) => !selected.some((s) => {
+            if (typeof s === "string" || typeof s === "number") {
+                return s === o.value;
+            }
+            if (typeof s === "object" &&
+                "id" in s &&
+                typeof o.value === "object" &&
+                "id" in o.value) {
+                return s.id === o.value.id;
+            }
+            return false;
+        }));
+    }, [options, selected, multiselect]);
+    const select = (option) => {
+        if (multiselect) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect([...selected, option]);
+        }
+        else {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect([option]);
+            setOpen(false);
+        }
+        setInputValue("");
+        setHighlightedIndex(0);
+    };
+    const remove = (option) => {
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(selected.filter((s) => {
+            if (typeof s === "string" || typeof s === "number")
+                return s !== option;
+            if (typeof s === "object" &&
+                "id" in s &&
+                typeof option === "object" &&
+                "id" in option) {
+                return s.id !== option.id;
+            }
+            return true;
+        }));
+    };
+    return {
+        inputValue,
+        setInputValue,
+        open,
+        setOpen,
+        filteredOptions,
+        select,
+        remove,
+        highlightedIndex,
+        setHighlightedIndex,
+        selected,
+    };
+}

package/dist/components/break-line/index.d.ts

@@ -0,0 +1,7 @@
+import { Sizes } from "../../constants";
+export type Props = {
+    size?: Sizes;
+    className?: string;
+};
+export default function BreakLine({ size, className, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/break-line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/break-line/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAWxC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAW,EACX,SAAyB,GAC1B,EAAE,KAAK,2CAOP"}

package/dist/components/break-line/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const height = {
+    xs: 1,
+    sm: 3,
+    md: 5,
+    lg: 7,
+    xl: 9,
+};
+export default function BreakLine({ size = "xs", className = "bg-gray-200", }) {
+    return (_jsx("div", { className: clsx("w-full", className), style: { height: `${height[size]}px` } }));
+}

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

@@ -1,6 +1,9 @@
 import React from "react";
+type variants = "primary" | "secondary" | "danger" | "warning" | "success" | "other";
 export type Props = {
+    variant?: variants;
     loading?: boolean;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export default function Button({ loading, disabled, className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Button({ loading, disabled, className, children, variant, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAClD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,QAAQ,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAWZ,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAClD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,2CAmBP"}

package/dist/components/button/index.js

@@ -1,6 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Icon } from "@iconify/react";
-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) }));
+const classes = {
+    primary: "bg-primary disabled:bg-gray-200 text-white hover:bg-opacity-70",
+    secondary: "disabled:bg-gray-200 border-gray-200 text-black bg-transparent border hover:bg-primary/5 hover:text-primary",
+    danger: "bg-red-500 text-white",
+    warning: "bg-warning",
+    success: "bg-success",
+    other: "",
+};
+export default function Button({ loading = false, disabled, className, children, variant = "primary", ...props }) {
+    const classVariants = variant != "other" ? classes[variant] || classes["primary"] : className;
+    return (_jsx("button", { className: clsx("flex px-4 py-2 rounded-lg  items-center justify-center custom-animation", classVariants), disabled: disabled, ...props, children: loading ? (_jsx(Icon, { icon: "line-md:loading-loop", className: "w-6 h-6" })) : (children) }));
 }

package/dist/components/cards-list/index.d.ts

@@ -15,6 +15,10 @@ export type Props<T> = {
             id: string;
         } & T;
     }> | undefined;
+    classes?: {
+        containerClasses: string;
+        cardClasses: string;
+    };
 };
-export default function CardsList<T>({ CardComponent, rows, bulkActionFeature, loading, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function CardsList<T>({ CardComponent, rows, bulkActionFeature, classes, loading, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/cards-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cards-list/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,eAAO,MAAM,wCAAwC;;;GAKpD,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,GAAG,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;CACnE,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,EAAE,EACnC,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,OAAe,GAChB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAyCV"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cards-list/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,eAAO,MAAM,wCAAwC;;;GAKpD,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,GAAG,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,GAAG,CAAC,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAClE,OAAO,CAAC,EAAE;QACR,gBAAgB,EAAE,MAAM,CAAC;QACzB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,EAAE,EACnC,aAAa,EACb,IAAI,EACJ,iBAAiB,EACjB,OAGC,EACD,OAAe,GAChB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsCV"}

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

@@ -2,12 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Checkbox from "../checkbox";
 import Loader from "../loader";
+import clsx from "clsx";
 export const DEFAULT_CARDS_LIST_ROWS_PER_PAGE_OPTIONS = [4, 8, 12, 16].map((item) => ({
     label: item.toString(),
     value: item,
 }));
-export default function CardsList({ CardComponent, rows, bulkActionFeature, loading = false, }) {
-    return (_jsx("div", { className: "py-1", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx("div", { className: "grid grid-cols-4 gap-4", children: rows.map((row) => (_jsxs("div", { className: "col-span-4 md:col-span-2 lg:col-span-1", children: [bulkActionFeature && (_jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
+export default function CardsList({ CardComponent, rows, bulkActionFeature, classes = {
+    containerClasses: "grid grid-cols-4 gap-4",
+    cardClasses: "col-span-4 md:col-span-2 lg:col-span-1",
+}, loading = false, }) {
+    return (_jsx("div", { className: "py-1", children: loading ? (_jsx("div", { className: "flex items-center justify-center", children: _jsx(Loader, {}) })) : (_jsx("div", { className: clsx(classes.containerClasses), children: rows.map((row) => (_jsxs("div", { className: clsx(classes.cardClasses), children: [bulkActionFeature && (_jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
                             if (checked) {
                                 bulkActionFeature.setSelectedRowIds(rows.map((r) => r.id));
                             }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-event-bus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,QAAQ,uBAAqB,CAAC;AAEpC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-event-bus/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,QAAQ,uBAAqB,CAAC;AAEpC,eAAe,QAAQ,CAAC"}

package/dist/components/comments-container/comment-event-bus/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { EventEmitter } from "events";
 const eventBus = new EventEmitter();
 export default eventBus;

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":"AAKA,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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-item/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAKlD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,GACN,EAAE,KAAK,2CAuGP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comment-item/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAS,MAAM,sBAAsB,CAAC;AAKlD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAO,EACP,WAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,GACN,EAAE,KAAK,2CAuGP"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comments-list/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAQ3C,KAAK,KAAK,GAAG;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,YAAY,CAAC,EACnC,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,eAAe,EACf,QAAQ,EACR,eAAe,EACf,KAAU,EACV,iBAAiB,GAClB,EAAE,KAAK,2CAkGP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/comments-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAQ3C,KAAK,KAAK,GAAG;IACX,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACjE,cAAc,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,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,YAAY,CAAC,EACnC,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,eAAe,EACf,QAAQ,EACR,eAAe,EACf,KAAU,EACV,iBAAiB,GAClB,EAAE,KAAK,2CAgGP"}

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

@@ -31,5 +31,5 @@ export default function CommentsList({ currentAccountId, highlightCommentId, edi
                         highlightCommentId,
                     })) : (_jsx(CommentItem, { comment: comment, isHighlight: highlightCommentId === comment.id, currentAccountId: currentAccountId, editComment: editComment, replyOnComment: replyOnComment, commentsBaseUrl: commentsBaseUrl, objectId: objectId, limit: limit }, comment.id))) }), loading && (_jsx("div", { className: "flex flex-col gap-3", children: Array(3)
                         .fill(null)
-                        .map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, `comment-loading-${i}`))) })), totalCount !== 0 && !isReplyList && (_jsxs("p", { className: "text-gray-500 text-xs text-right mt-1", children: ["Showing ", comments.length, " of ", totalCount, " comments"] })), hasMoreComments && !loading && (_jsx("div", { className: clsx("flex justify-center mt-2"), children: _jsx(Button, { type: "button", onClick: loadMoreComments, className: "bg-transparent", children: _jsx("p", { className: "text-primary hover:text-opacity-75 custom-animation", children: "Load More" }) }) }))] })) }));
+                        .map((_, i) => (_jsx(Skeleton, { className: "h-20 w-full rounded-lg" }, `comment-loading-${i}`))) })), totalCount !== 0 && !isReplyList && (_jsxs("p", { className: "text-gray-500 text-xs text-right mt-1", children: ["Showing ", comments.length, " of ", totalCount, " comments"] })), hasMoreComments && !loading && (_jsx("div", { className: clsx("flex justify-center mt-2"), children: _jsx(Button, { type: "button", onClick: loadMoreComments, variant: "secondary", children: "Load More" }) }))] })) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/constants/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAG1B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/comments-container/constants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;CAG1B,CAAC"}

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

@@ -1,3 +1,4 @@
+"use client";
 export const COMMENT_EVENTS = {
     NewComment: "NewComment",
     UpdateComment: "UpdateComment",

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;AAYtD,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,2CA2CP"}
+{"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"}

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

@@ -1,18 +1,22 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { CONSTANTS } from "sea-platform-helpers";
 import { getCookie } from "../../utils/cookie";
 import { jwtDecode } from "../../utils/jwt";
 import CommentForm from "./comment-form";
 import CommentsList from "./comments-list";
 import CommentItem from "./comment-item";
-const accessToken = getCookie(CONSTANTS.JWT.JWTCookieKey);
-const payload = jwtDecode(accessToken);
-const accountId = payload.id;
 export default function CommentsContainer({ commentsBaseUrl, objectId, model, limit = 10, highlightCommentId, renderCommentItem, }) {
+    const [accountId, setAccountId] = useState("");
     const [commentToEdit, setCommentToEdit] = useState();
     const [replyOnComment, setReplyOnComment] = useState();
+    useEffect(() => {
+        var _a, _b;
+        const accessToken = (_a = getCookie(CONSTANTS.JWT.JWTCookieKey)) !== null && _a !== void 0 ? _a : "";
+        const payload = (_b = jwtDecode(accessToken)) !== null && _b !== void 0 ? _b : null;
+        setAccountId((payload === null || payload === void 0 ? void 0 : payload.id) || "");
+    }, []);
     return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(CommentForm, { commentsBaseUrl: commentsBaseUrl, objectId: objectId, model: model, commentToEdit: commentToEdit, setCommentToEdit: setCommentToEdit, replyOnComment: replyOnComment, setReplyOnComment: setReplyOnComment, onCreateCommentSuccess: () => {
                     setCommentToEdit(undefined);
                     setReplyOnComment(undefined);

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

@@ -0,0 +1,9 @@
+type ConfirmOptions = {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+};
+export default function showConfirm(messageOrOptions: string | ConfirmOptions): Promise<boolean>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/confirm/index.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAoDF,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,gBAAgB,EAAE,MAAM,GAAG,cAAc,GACxC,OAAO,CAAC,OAAO,CAAC,CA0BlB"}