sea-react-components 1.0.2

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import Input from "../input";
+export default function OTPInput({ length, onChange, errorMessage }) {
+    const [otpParts, setOTPParts] = useState(Array(length).fill(""));
+    const inputRefs = useRef([]);
+    const handleChangeOTPPart = (value, index) => {
+        var _a;
+        const updatedOTPParts = [...otpParts];
+        updatedOTPParts[index] = value;
+        setOTPParts(updatedOTPParts);
+        onChange(updatedOTPParts.join(""));
+        // Move focus to the next input if the value is entered and not at the last input
+        if (value && index < length - 1) {
+            (_a = inputRefs.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex items-center gap-5", children: otpParts.map((p, i) => {
+                    return (_jsx(Input, { ref: (el) => {
+                            inputRefs.current[i] = el;
+                        }, type: "text", id: `part-${i}`, name: `part-${i}`, placeholder: "*", className: "w-10 h-10 text-center text-3xl", maxLength: 1, value: p, onKeyDown: (e) => {
+                            var _a;
+                            // Prevent space and handle backspace
+                            if (e.key === " " || e.key === "Spacebar") {
+                                e.preventDefault();
+                            }
+                            if (e.key === "Backspace" && otpParts[i] === "" && i > 0) {
+                                (_a = inputRefs.current[i - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                            }
+                        }, onChange: (e) => {
+                            handleChangeOTPPart(e.target.value, i);
+                        }, errorMessage: Boolean(errorMessage) }, `part-${i}`));
+                }) }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export type Props = {} & React.HTMLAttributes<HTMLDivElement>;
+export default function Paper({ className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/paper/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC9D,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,SAAsB,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,2CASP"}

package/dist/components/paper/index.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export default function Paper(_a) {
+    var { className = "bg-white", children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsx("div", Object.assign({ className: clsx("px-4 py-2 rounded-lg shadow-md", className) }, props, { children: children })));
+}

package/dist/components/progress-bar/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export type Types = "primary" | "secondary" | "success" | "info" | "warning" | "error";
+export type Sizes = "xs" | "sm" | "md" | "lg" | "xl";
+export type Props = {
+    percentage?: number;
+    showPercentage?: boolean;
+    size?: Sizes;
+    type?: Types;
+} & React.HTMLAttributes<HTMLDivElement>;
+export default function ProgressBar({ percentage, className, size, type, showPercentage, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/progress-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GACb,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AAWZ,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAiBrD,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACzC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,UAAc,EACd,SAAS,EACT,IAAW,EACX,IAAgB,EAChB,cAAsB,GACvB,EAAE,KAAK,2CA2BP"}

package/dist/components/progress-bar/index.js

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const colors = {
+    primary: "bg-primary",
+    secondary: "bg-secondary",
+    success: "bg-success",
+    info: "bg-info",
+    warning: "bg-warning",
+    error: "bg-error",
+};
+const barHights = {
+    xs: "h-[6px]",
+    sm: "h-[10px]",
+    md: "h-[14px]",
+    lg: "h-[20px]",
+    xl: "h-[24px]",
+};
+const textSizes = {
+    xs: "text-[6px]",
+    sm: "text-[10px]",
+    md: "text-[12px]",
+    lg: "text-[16px]",
+    xl: "text-[20px]",
+};
+export default function ProgressBar({ percentage = 0, className, size = "md", type = "primary", showPercentage = false, }) {
+    const hightClass = barHights[size];
+    const textClass = textSizes[size];
+    const bgClass = colors[type];
+    return (_jsx("div", { className: "relative bg-gray-300 rounded-full overflow-hidden", children: _jsx("div", { className: clsx("w-full flex items-center rounded-full transition-all duration-300 ease-in-out", hightClass, textClass, bgClass, className), style: {
+                width: `${percentage}%`,
+            }, children: showPercentage && (_jsxs("p", { className: " text-white text-center w-full", children: [percentage ? percentage : 0, " %"] })) }) }));
+}

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

@@ -0,0 +1,10 @@
+import React from "react";
+export type Props = {
+    id: string;
+    name: string;
+    checked: boolean;
+    onChange: () => void;
+    label: React.ReactElement;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export default function RadioButton({ id, name, checked, onChange, label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAChD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,EAAE,EACF,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,2CAyBP"}

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

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+export default function RadioButton(_a) {
+    var { id, name, checked, onChange, label } = _a, props = __rest(_a, ["id", "name", "checked", "onChange", "label"]);
+    return (_jsxs("label", { htmlFor: id, className: "flex items-center space-x-2 cursor-pointer", children: [_jsx("input", Object.assign({}, props, { type: "radio", id: id, name: name, checked: checked, onChange: onChange, className: "hidden" })), _jsx("div", { className: clsx("w-5 h-5 rounded-full border-2 flex items-center justify-center", checked ? "bg-primary border-primary" : "bg-white border-gray-300"), children: checked && _jsx("div", { className: "w-3 h-3 rounded-full bg-white" }) }), label] }));
+}

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

@@ -0,0 +1,16 @@
+export type SelectOption<T> = {
+    value: T;
+    label: string;
+};
+export type Props<T> = {
+    name: string;
+    options: SelectOption<T>[];
+    values: T[];
+    setValues: (newValues: T[]) => void;
+    errorMessage?: string | boolean;
+    buttonClassName?: string | undefined;
+    placeholder?: string | undefined;
+    multiselect?: boolean;
+};
+export default function Select<T>({ name, setValues, options, errorMessage, buttonClassName, values, placeholder, multiselect, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,EAAE,EAChC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,eAAe,EACf,MAAM,EACN,WAAgC,EAChC,WAAmB,GACpB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsGV"}

package/dist/components/select/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import Menu from "../menu";
+import MenuItem from "../menu/menu-item";
+import { Icon } from "@iconify/react";
+import clsx from "clsx";
+export default function Select({ name, setValues, options, errorMessage, buttonClassName, values, placeholder = "Select an option", multiselect = false, }) {
+    const [isFocused, setIsFocused] = useState(false);
+    const selectedOptions = options.filter((o) => values.includes(o.value));
+    const renderSelectContent = () => (_jsx(_Fragment, { children: multiselect ? (selectedOptions.length ? (_jsx("div", { className: "flex items-center gap-3", 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("p", { className: "text-black", children: o.label }), _jsx(Icon, { icon: "line-md:close-small", className: "h-5 w-5 hover:scale-110 transition-all duration-300 ease-in-out", onClick: () => handleRemoveSelectedOption(o) })] }, `option-${i}`))) })) : (_jsx("p", { children: placeholder }))) : selectedOptions[0] ? (_jsx("p", { children: selectedOptions[0].label })) : (_jsx("p", { children: placeholder })) }));
+    const handleRemoveSelectedOption = (option) => {
+        const updatedOptions = selectedOptions.filter((selectedOption) => selectedOption !== option);
+        setValues(updatedOptions.map((opt) => opt.value));
+    };
+    const handleClickOption = (option) => {
+        if (multiselect) {
+            const isSelected = selectedOptions.includes(option);
+            if (isSelected) {
+                handleRemoveSelectedOption(option);
+            }
+            else {
+                const updatedOptions = [...selectedOptions, option];
+                setValues(updatedOptions.map((opt) => opt.value));
+            }
+        }
+        else {
+            setValues([option.value]);
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Menu, { menuButton: _jsxs("div", { className: clsx("text-text flex items-center justify-between gap-2 bg-white px-3 py-2 rounded-xl border-0.5 hover:border-primary", errorMessage
+                        ? "border-error"
+                        : isFocused
+                            ? "border-primary"
+                            : "border-gray-200", buttonClassName), children: [renderSelectContent(), _jsx(Icon, { icon: "iconamoon:arrow-down-2" })] }), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: _jsx("div", { className: "flex flex-col gap-2 p-1 min-w-36", children: options.map((o, i) => (_jsx(MenuItem, { selected: selectedOptions.includes(o), onClick: () => handleClickOption(o), children: _jsx("p", { className: "flex items-center gap-2 px-4 py-2 text-left", children: o.label }) }, `${name}-option-${i}`))) }) }), errorMessage && (_jsx("p", { className: "pl-1 text-sm text-error", children: errorMessage }))] }));
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+export type Props = {} & React.HTMLAttributes<HTMLDivElement>;
+export default function Skeleton({ className }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,2CAMpD"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+export default function Skeleton({ className }) {
+    return (_jsx("div", { className: clsx("bg-gray-300 animate-pulse rounded-md", className) }));
+}

package/dist/components/stacked-avatars/index.d.ts

@@ -0,0 +1,10 @@
+import { AvatarSize, Props as AvatarProps } from "../avatar";
+export type Props = {
+    name: string;
+    max?: number;
+    size?: AvatarSize;
+    className?: string | undefined;
+    items: AvatarProps[];
+};
+export default function StackedAvatars({ name, max, size, className, items, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/stacked-avatars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-avatars/index.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,UAAU,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,WAAW,CAAC;AAcrE,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,GAAiB,EACjB,IAAW,EACX,SAAS,EACT,KAAK,GACN,EAAE,KAAK,2CAwCP"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Avatar from "../avatar";
+import clsx from "clsx";
+const offsetFactor = 1.3;
+const sizeValues = {
+    sm: 30,
+    md: 50,
+    lg: 70,
+    xl: 90,
+};
+const DEFAULT_MAX = 3;
+export default function StackedAvatars({ name, max = DEFAULT_MAX, size = "md", className, items, }) {
+    if (max <= 0)
+        max = DEFAULT_MAX;
+    const sizeValue = sizeValues[size];
+    const avatarsToDisplay = items.slice(0, max);
+    const remaining = items.length - max;
+    return (_jsxs("div", { className: "relative flex items-center justify-center w-full", style: { height: sizeValue }, children: [avatarsToDisplay.map((item, i) => (_jsx(Avatar, Object.assign({}, item, { className: clsx(className, "absolute"), style: { left: (i * sizeValue) / offsetFactor }, size: size }), `${name}-avatar-${i}`))), remaining > 0 && (_jsxs("div", { className: clsx(className, "absolute flex items-center justify-center  text-white bg-secondary"), style: {
+                    left: (max * sizeValue) / offsetFactor,
+                    width: sizeValue,
+                    height: sizeValue,
+                }, children: ["+", items.length - max] }))] }));
+}

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

@@ -0,0 +1,16 @@
+export type TabItem = {
+    label: string;
+    key: string;
+    isDisabled?: boolean;
+};
+export type Props = {
+    name: string;
+    tabs: TabItem[];
+    tabKey: string;
+    setTabKey: (newTabKey: string) => void;
+    direction?: "horizontal" | "vertical";
+    updateParams?: (updates: Record<string, string>) => void;
+    getParam?: (name: string) => string | null | undefined;
+};
+export default function Tab({ name, tabs, tabKey, setTabKey, updateParams, getParam, direction, }: Props): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tab/index.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACxD,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,EAC1B,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,SAAwB,GACzB,EAAE,KAAK,2CAmCP"}

package/dist/components/tab/index.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useEffect, useLayoutEffect } from "react";
+export default function Tab({ name, tabs, tabKey, setTabKey, updateParams, getParam, direction = "horizontal", }) {
+    let className = "flex-row";
+    if (direction === "vertical")
+        className = "flex-col";
+    useEffect(() => {
+        if (tabKey && updateParams)
+            updateParams({ [name]: tabKey });
+    }, [tabKey]);
+    useLayoutEffect(() => {
+        let value = tabKey;
+        if (getParam) {
+            value = getParam(name);
+        }
+        if (!value && tabs.length)
+            value = tabs[0].key;
+        setTabKey(value);
+    }, []);
+    return (_jsx("div", { className: clsx("flex items-center justify-around gap-1", className), children: tabs.map((t, i) => (_jsx("button", { className: clsx("pb-1", tabKey === t.key && "border-b-2 border-primary text-primary"), onClick: () => setTabKey(t.key), children: t.label }, `tab-${name}-${t.key}-${i}`))) }));
+}

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { BulkActionFeature } from "../../hooks/list-items-hook/types";
+export declare const DEFAULT_TABLE_ROWS_PER_PAGE_OPTIONS: {
+    label: string;
+    value: number;
+}[];
+export type TableColumn<T> = {
+    key: string;
+    label: string;
+    custom?: (row: T) => React.ReactNode;
+} & React.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+export type Props<T> = {
+    name: string;
+    columns: TableColumn<T>[];
+    rows: ({
+        id: string;
+    } & T)[];
+    bulkActionFeature?: BulkActionFeature | undefined;
+    loading?: boolean;
+};
+export default function Table<T>({ name, columns, rows, bulkActionFeature, loading, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,eAAO,MAAM,mCAAmC;;;GAK/C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACtC,GAAG,KAAK,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC;AAEvD,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,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;CACnB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,EAAE,EAC/B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,iBAAiB,EACjB,OAAe,GAChB,EAAE,KAAK,CAAC,CAAC,CAAC,2CAmKV"}

package/dist/components/table/index.js

@@ -0,0 +1,67 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Checkbox from "../checkbox";
+import Icon from "../icon";
+export const DEFAULT_TABLE_ROWS_PER_PAGE_OPTIONS = [5, 10, 20, 50].map((item) => ({
+    label: item.toString(),
+    value: item,
+}));
+export default function Table({ name, columns, rows, bulkActionFeature, loading = false, }) {
+    return (_jsx("div", { className: "overflow-x-auto", children: loading ? (_jsxs("div", { className: "flex flex-col gap-5", children: [_jsxs("table", { className: "min-w-full table-auto", children: [_jsx("thead", { id: `loading-table-${name}-head`, className: "bg-gray-100", children: _jsxs("tr", { className: "text-text pb-2 border-b-[2px] border-b-gray-100", children: [bulkActionFeature && (_jsx("th", { className: clsx("px-4 py-2 text-left"), children: _jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
+                                                if (checked) {
+                                                    bulkActionFeature.setSelectedRowIds(rows.map((r) => r.id));
+                                                }
+                                                else {
+                                                    const currentPageIds = rows.map((r) => r.id);
+                                                    const result = bulkActionFeature.selectedRowIds.filter((item) => !currentPageIds.includes(item));
+                                                    bulkActionFeature.setSelectedRowIds(result);
+                                                }
+                                            } }) }, `loading-column-${name}-checkbox`)), columns.map((column, i) => {
+                                        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                                        const { className, key, label, custom } = column, restColumn = __rest(column, ["className", "key", "label", "custom"]);
+                                        return (_jsx("th", Object.assign({ className: clsx("px-4 py-2 text-left", className) }, restColumn, { children: label }), `loading-column-${name}-${i}-${key}`));
+                                    })] }) }), _jsx("tbody", { id: `loading-table-${name}-body` })] }), _jsx("div", { className: "flex items-center justify-center", children: _jsx(Icon, { icon: "line-md:loading-loop", className: "text-primary w-20 h-20" }) })] })) : (_jsxs("table", { className: "min-w-full table-auto", children: [_jsx("thead", { id: `table-${name}-head`, className: "bg-gray-100", children: _jsxs("tr", { className: "text-text pb-2 border-b-[2px] border-b-gray-100", children: [bulkActionFeature && (_jsx("th", { className: clsx("px-4 py-2 text-left"), children: _jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.length === rows.length, onChange: (checked) => {
+                                        if (checked) {
+                                            bulkActionFeature.setSelectedRowIds(rows.map((r) => r.id));
+                                        }
+                                        else {
+                                            const currentPageIds = rows.map((r) => r.id);
+                                            const result = bulkActionFeature.selectedRowIds.filter((item) => !currentPageIds.includes(item));
+                                            bulkActionFeature.setSelectedRowIds(result);
+                                        }
+                                    } }) }, `column-${name}-checkbox`)), columns.map((column, i) => {
+                                // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                                const { className, key, label, custom } = column, restColumn = __rest(column, ["className", "key", "label", "custom"]);
+                                return (_jsx("th", Object.assign({ className: clsx("px-4 py-2 text-left", className) }, restColumn, { children: label }), `column-${name}-${i}-${key}`));
+                            })] }) }), _jsx("tbody", { id: `table-${name}-body`, children: rows.map((row, i) => {
+                        return (_jsxs("tr", { className: clsx("text-text pb-2 ", i !== rows.length - 1 && "border-b-[2px] border-gray-100"), children: [bulkActionFeature && (_jsx("td", { className: "px-4 py-2", children: _jsx(Checkbox, { checked: bulkActionFeature.selectedRowIds.includes(row.id) ||
+                                            false, onChange: (checked) => {
+                                            if (checked) {
+                                                bulkActionFeature.setSelectedRowIds([
+                                                    ...bulkActionFeature.selectedRowIds,
+                                                    row.id,
+                                                ]);
+                                            }
+                                            else {
+                                                const selectedRowIds = bulkActionFeature.selectedRowIds.filter((rid) => rid !== row.id);
+                                                bulkActionFeature.setSelectedRowIds(selectedRowIds);
+                                            }
+                                        } }) }, `row-${name}-${i}-checkbox`)), columns.map((column) => {
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    const value = row[column.key];
+                                    return (_jsx("td", { className: "px-4 py-2", children: column.custom ? column.custom(row) : value }, `row-${name}-${i}-${column.key}`));
+                                })] }, `row-${name}-${i}`));
+                    }) })] })) }));
+}

package/dist/components/text-editor/components/toolbar/index.d.ts

@@ -0,0 +1,9 @@
+import { Editor } from "@tiptap/react/dist";
+import { Level } from "@tiptap/extension-heading";
+type Props = {
+    editor: Editor;
+    headingLevels?: Level[];
+};
+export default function Toolbar({ editor, headingLevels }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/text-editor/components/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/text-editor/components/toolbar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAalD,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;CACzB,CAAC;AACF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,MAAM,EAAE,aAAyB,EAAE,EAAE,KAAK,2CA8gB3E"}