funuicss 2.5.9 → 2.5.10

package/dist/ui/snackbar/SnackBar.js

@@ -1,53 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var React = __importStar(require("react"));
-var SnackBar = function (_a) {
-    var message = _a.message, close = _a.close, open = _a.open, setOpen = _a.setOpen, position = _a.position, funcss = _a.funcss, animation = _a.animation, _b = _a.duration, duration = _b === void 0 ? 0.3 : _b, _c = _a.autoHide, autoHide = _c === void 0 ? false : _c, _d = _a.autoHideDuration, autoHideDuration = _d === void 0 ? 3000 : _d, flat = _a.flat;
-    React.useEffect(function () {
-        if (open && autoHide) {
-            var timer_1 = setTimeout(function () {
-                setOpen(false);
-            }, autoHideDuration);
-            return function () { return clearTimeout(timer_1); };
-        }
-    }, [open, autoHide, autoHideDuration, setOpen]);
-    if (!open)
-        return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "snackbar ".concat(position, " ").concat(funcss || '', " ").concat(flat ? 'flat' : ''), style: { animation: "".concat(duration, "s ").concat(animation || 'SlideUp') }, children: (0, jsx_runtime_1.jsxs)("div", { className: "snackbar-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "snackbar-body", children: message }), close && ((0, jsx_runtime_1.jsx)("div", { className: "close-snackbar pointer", onClick: function () { return setOpen ? setOpen(false) : null; }, children: close }))] }) }));
-};
-exports.default = SnackBar;

package/dist/ui/specials/Circle.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode, HTMLProps } from 'react';
-import * as React from 'react';
-interface Circle_Props extends HTMLProps<HTMLDivElement> {
-    size?: number;
-    funcss?: string;
-    bg?: string;
-    color?: string;
-    children?: ReactNode;
-    hoverable?: boolean;
-    raised?: boolean;
-    key?: React.Key;
-    onClick?: () => void;
-}
-export default function Circle({ size, funcss, bg, color, children, hoverable, raised, key, onClick, ...rest }: Circle_Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/specials/Circle.js

@@ -1,34 +0,0 @@
-"use strict";
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Circle;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function Circle(_a) {
-    var _b = _a.size, size = _b === void 0 ? 2 : _b, funcss = _a.funcss, bg = _a.bg, color = _a.color, children = _a.children, hoverable = _a.hoverable, raised = _a.raised, key = _a.key, onClick = _a.onClick, rest = __rest(_a, ["size", "funcss", "bg", "color", "children", "hoverable", "raised", "key", "onClick"]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "pointer avatar ".concat(funcss || '', " ").concat("text-" + (color === null || color === void 0 ? void 0 : color.trim()) || '', " ").concat(raised ? "raised" : '', " ").concat(bg || '', " ").concat(hoverable ? 'hoverable' : ''), style: {
-            width: "".concat(size + "rem" || '2.3rem'),
-            height: "".concat(size + "rem" || '2.3rem'),
-        }, onClick: onClick }, rest, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }), key));
-}

package/dist/ui/specials/FullCenteredPage.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type HrProps = {
-    children: React.ReactNode;
-    funcss?: string;
-    style?: object;
-};
-declare const FullCenteredPage: ({ children, funcss, style, ...rest }: HrProps) => import("react/jsx-runtime").JSX.Element;
-export default FullCenteredPage;

package/dist/ui/specials/FullCenteredPage.js

@@ -1,30 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var FullCenteredPage = function (_a) {
-    var children = _a.children, funcss = _a.funcss, style = _a.style, rest = __rest(_a, ["children", "funcss", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "flex central ".concat(funcss), style: __assign({ minHeight: "100vh", minWidth: "100%", maxWidth: "100%", overflow: "auto" }, style) }, rest, { children: children })));
-};
-exports.default = FullCenteredPage;

package/dist/ui/specials/Hr.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-type HrProps = {
-    children: React.ReactNode;
-    funcss?: string;
-};
-declare const Hr: ({ children, funcss }: HrProps) => import("react/jsx-runtime").JSX.Element;
-export default Hr;

package/dist/ui/specials/Hr.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Hr = function (_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "hr ".concat(funcss), children: children }));
-};
-exports.default = Hr;

package/dist/ui/specials/RowFlex.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-interface RowFlexProps {
-    funcss?: string;
-    content?: React.ReactNode;
-    justify?: string;
-    gap?: number;
-    alignItems?: string;
-    responsiveSmall?: boolean;
-    responsiveMedium?: boolean;
-    id?: string;
-    children?: React.ReactNode;
-}
-export default function RowFlex({ funcss, content, justify, gap, alignItems, responsiveSmall, responsiveMedium, id, children, ...rest }: RowFlexProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/specials/RowFlex.js

@@ -1,34 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = RowFlex;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function RowFlex(_a) {
-    var funcss = _a.funcss, content = _a.content, justify = _a.justify, gap = _a.gap, alignItems = _a.alignItems, responsiveSmall = _a.responsiveSmall, responsiveMedium = _a.responsiveMedium, id = _a.id, children = _a.children, rest = __rest(_a, ["funcss", "content", "justify", "gap", "alignItems", "responsiveSmall", "responsiveMedium", "id", "children"]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ id: id ? id : '', className: "\n        row-flex ".concat(funcss ? funcss : '', "\n        ").concat(responsiveSmall ? 'responsiveSmall' : responsiveMedium ? 'responsiveMedium' : '', "\n      "), style: {
-            justifyContent: justify ? justify : '',
-            gap: gap ? gap + "rem" : '',
-            alignItems: alignItems ? alignItems : '',
-        } }, rest, { children: [children, " ", content] })));
-}

package/dist/ui/specials/Section.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type SectionProps = {
-    children?: React.ReactNode;
-    funcss?: string;
-    gap?: number;
-};
-declare const Section: ({ children, funcss, gap, ...rest }: SectionProps) => import("react/jsx-runtime").JSX.Element;
-export default Section;

package/dist/ui/specials/Section.js

@@ -1,30 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Section = function (_a) {
-    var children = _a.children, funcss = _a.funcss, gap = _a.gap, rest = __rest(_a, ["children", "funcss", "gap"]);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(funcss), style: { marginTop: gap ? gap + "rem" : "0.5rem", marginBottom: gap ? gap + "rem" : "0.5rem" } }, rest, { children: children })));
-};
-exports.default = Section;

package/dist/ui/step/Container.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-interface StepContainerProps {
-    children?: ReactNode;
-    funcss?: string;
-    responsiveMedium?: boolean;
-    responsiveSmall?: boolean;
-}
-declare const StepContainer: React.FC<StepContainerProps>;
-export default StepContainer;

package/dist/ui/step/Container.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var StepContainer = function (_a) {
-    var children = _a.children, funcss = _a.funcss, responsiveMedium = _a.responsiveMedium, responsiveSmall = _a.responsiveSmall;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "".concat(funcss ? funcss : '', " stepContainer ").concat(responsiveMedium ? 'stepResponsiveMedium' : responsiveSmall ? 'stepResponsiveSmall' : ''), children: children }));
-};
-exports.default = StepContainer;

package/dist/ui/step/Header.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-interface StepTitleProps {
-    children?: ReactNode;
-    funcss?: string;
-}
-declare const StepTitle: React.FC<StepTitleProps>;
-export default StepTitle;

package/dist/ui/step/Header.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var StepTitle = function (_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "stepHeader ".concat(funcss ? funcss : ''), children: children }));
-};
-exports.default = StepTitle;

package/dist/ui/step/Line.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-interface StepLinedProps {
-    children?: ReactNode;
-    funcss?: string;
-}
-declare const StepLine: React.FC<StepLinedProps>;
-export default StepLine;

package/dist/ui/step/Line.js

@@ -1,9 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var StepLine = function (_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "stepLined ".concat(funcss ? funcss : ''), children: children }));
-};
-exports.default = StepLine;

package/dist/ui/step/Step.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-interface StepProps {
-    children?: ReactNode;
-    funcss?: string;
-}
-declare const Step: React.FC<StepProps>;
-export default Step;

package/dist/ui/step/Step.js

@@ -1,9 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Step = function (_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "step ".concat(funcss ? funcss : ''), children: children }));
-};
-exports.default = Step;

package/dist/ui/table/Body.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-type TableBodyProps = {
-    children?: React.ReactNode;
-    funcss?: string;
-};
-export default function TableBody({ children, funcss }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/table/Body.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TableBody;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function TableBody(_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return (0, jsx_runtime_1.jsx)("tbody", { className: "".concat(funcss ? funcss : ''), children: children ? children : '' });
-}

package/dist/ui/table/Data.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-interface TableDataProps {
-    children?: React.ReactNode;
-    funcss?: string;
-    key?: string;
-}
-export default function TableData({ children, funcss, key }: TableDataProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/table/Data.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TableData;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function TableData(_a) {
-    var children = _a.children, funcss = _a.funcss, key = _a.key;
-    return ((0, jsx_runtime_1.jsx)("td", { className: "".concat(funcss), children: children }, key));
-}

package/dist/ui/table/Head.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-type TableHeadProps = {
-    children?: React.ReactNode;
-    funcss?: string;
-};
-export default function TableHead({ children, funcss }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/table/Head.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TableHead;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function TableHead(_a) {
-    var children = _a.children, funcss = _a.funcss;
-    return (0, jsx_runtime_1.jsx)("thead", { className: "".concat(funcss ? funcss : ''), children: children });
-}

package/dist/ui/table/Row.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-type TableRowProps = {
-    children?: React.ReactNode;
-    funcss?: string;
-    rowKey?: React.Key;
-    key?: React.Key;
-};
-export default function TableRow({ children, funcss, rowKey, key }: TableRowProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/table/Row.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TableRow;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function TableRow(_a) {
-    var children = _a.children, funcss = _a.funcss, rowKey = _a.rowKey, key = _a.key;
-    return ((0, jsx_runtime_1.jsx)("tr", { className: "".concat(funcss ? funcss : ''), children: children }, key ? key : rowKey));
-}

package/dist/ui/table/Table.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-type TableProps = {
-    children?: React.ReactNode;
-    funcss?: string;
-    title?: string;
-    bordered?: boolean;
-    noStripped?: boolean;
-    hoverable?: boolean;
-    showTotal?: boolean;
-    light?: boolean;
-    isLoading?: boolean;
-    dark?: boolean;
-    data?: {
-        "fields": string[];
-        "data": any[];
-        "titles": string[];
-    };
-    head?: React.ReactNode;
-    right?: React.ReactNode;
-    body?: React.ReactNode;
-    height?: number;
-    pageSize?: number;
-    customColumns?: {
-        title: string;
-        render: (data: any) => React.ReactNode;
-        onClick?: (data: any) => void;
-    }[];
-    filterableFields?: string[];
-};
-export default function Table({ children, funcss, bordered, noStripped, hoverable, title, showTotal, light, dark, head, body, data, isLoading, right, height, pageSize, // Default page size,
-customColumns, filterableFields, // New prop
-...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/table/Table.js

@@ -1,133 +0,0 @@
-"use strict";
-'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Table;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Head_1 = __importDefault(require("./Head"));
-var Body_1 = __importDefault(require("./Body"));
-var Row_1 = __importDefault(require("./Row"));
-var Data_1 = __importDefault(require("./Data"));
-var react_1 = require("react");
-var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
-var Button_1 = __importDefault(require("../button/Button"));
-var pi_1 = require("react-icons/pi");
-var Circle_1 = __importDefault(require("../specials/Circle"));
-var Text_1 = __importDefault(require("../text/Text"));
-var react_easy_export_1 = require("react-easy-export");
-function Table(_a) {
-    var _b, _c;
-    var children = _a.children, funcss = _a.funcss, bordered = _a.bordered, noStripped = _a.noStripped, hoverable = _a.hoverable, title = _a.title, showTotal = _a.showTotal, light = _a.light, dark = _a.dark, head = _a.head, body = _a.body, data = _a.data, isLoading = _a.isLoading, right = _a.right, height = _a.height, _d = _a.pageSize, pageSize = _d === void 0 ? data ? 10 : 0 : _d, // Default page size,
-    customColumns = _a.customColumns, filterableFields = _a.filterableFields, // New prop
-    rest = __rest(_a, ["children", "funcss", "bordered", "noStripped", "hoverable", "title", "showTotal", "light", "dark", "head", "body", "data", "isLoading", "right", "height", "pageSize", "customColumns", "filterableFields"]);
-    // Check if data is null or undefined before accessing its properties
-    var _e = (0, react_1.useState)((data === null || data === void 0 ? void 0 : data.data) ? "" : ""), search = _e[0], setSearch = _e[1];
-    var _f = (0, react_1.useState)(1), currentPage = _f[0], setCurrentPage = _f[1];
-    // Determine the total number of pages based on data length and page size
-    var totalPages = data ? Math.ceil((((_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.length) || 0) / pageSize) : 0;
-    // Calculate start and end indices for data pagination
-    var startIndex = data ? (currentPage - 1) * pageSize : 0;
-    var endIndex = data ? Math.min(startIndex + pageSize, ((_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.length) || 0) : 0;
-    var _g = (0, react_1.useState)(null), selectedField = _g[0], setSelectedField = _g[1];
-    var _h = (0, react_1.useState)(null), selectedValue = _h[0], setSelectedValue = _h[1];
-    // Function to handle page change
-    var handleChangePage = function (page) {
-        if (data) {
-            setCurrentPage(page);
-        }
-    };
-    var handleFieldChange = function (field) {
-        setSelectedField(field);
-        setSelectedValue(null); // Reset selected value when field changes
-    };
-    var handleValueChange = function (value) {
-        setSelectedValue(value);
-    };
-    var filteredData = data ? data === null || data === void 0 ? void 0 : data.data.filter(function (item) {
-        if (!search && !selectedField && !selectedValue)
-            return true;
-        if (selectedField && selectedValue) {
-            var value = item[selectedField];
-            if (value) {
-                return value.toString().toLowerCase() === selectedValue.toString().toLowerCase();
-            }
-        }
-        if (selectedField) {
-            var value = item[selectedField];
-            if (value) {
-                return value.toString().toLowerCase().includes(search.toString().toLowerCase());
-            }
-        }
-        return Object.values(item).some(function (value) {
-            if (value) {
-                return value.toString().toLowerCase().includes(search.toString().toLowerCase());
-            }
-        });
-    })
-        : [];
-    // Maximum number of visible pages for pagination
-    var maxVisiblePages = 5;
-    // Determine which pages to display
-    var startPage = data ? Math.max(1, currentPage - Math.floor(maxVisiblePages / 2)) : 0;
-    var endPage = data ? Math.min(startPage + maxVisiblePages - 1, totalPages) : 0;
-    // Adjust startPage and endPage if there are not enough pages to fill maxVisiblePages
-    if (endPage - startPage + 1 < maxVisiblePages) {
-        startPage = Math.max(1, endPage - maxVisiblePages + 1);
-    }
-    // Function to export data to CSV
-    var Export = function () {
-        (0, react_easy_export_1.exportToCSV)(filteredData, title ? "".concat(title, " ").concat(selectedField ? "_".concat(selectedField) : '', ".csv") : 'data.csv');
-    };
-    // Extract the data array
-    var dataArray = data ? data.data : [];
-    // Remove duplicate values
-    var uniqueValues = selectedField
-        ? Array.from(new Set(dataArray.map(function (item) { return item[selectedField]; })))
-        : [];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "".concat(funcss ? funcss : '', " roundEdge"), children: [data &&
-                (0, jsx_runtime_1.jsx)("div", { className: "padding bb", children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { justify: 'space-between', children: [(0, jsx_runtime_1.jsxs)("div", { children: [title &&
-                                        (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: title || "", size: 'h4' }) }), showTotal && data &&
-                                        (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Text_1.default, { text: 'Records:', size: 'sm', color: 'primary' }), (0, jsx_runtime_1.jsx)(Text_1.default, { text: filteredData.length, size: 'h6' })] })] }), data && filterableFields ?
-                                (0, jsx_runtime_1.jsx)("div", { className: "col width-200-max", children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { gap: 0.7, children: [(0, jsx_runtime_1.jsxs)("select", { className: " input borderedInput roundEdgeSmall smallInput", value: selectedField || '', onChange: function (e) {
-                                                    handleFieldChange(e.target.value);
-                                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "\uD83D\uDD0D Filter" }), (0, jsx_runtime_1.jsx)("option", { value: "", children: "All*" }), filterableFields === null || filterableFields === void 0 ? void 0 : filterableFields.map(function (field) { return ((0, jsx_runtime_1.jsx)("option", { value: field, children: field }, field)); })] }), selectedField && (0, jsx_runtime_1.jsx)("div", { children: "=" }), selectedField && ((0, jsx_runtime_1.jsxs)("select", { className: " input borderedInput width-200-max  roundEdgeSmall smallInput", value: selectedValue || '', onChange: function (e) {
-                                                    handleValueChange(e.target.value);
-                                                    handleChangePage(1);
-                                                }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "All*" }), uniqueValues.map(function (item) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item &&
-                                                            (0, jsx_runtime_1.jsx)("option", { value: item, children: item.toString() }, item[selectedField]) })); })] }))] }) })
-                                : '', (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(RowFlex_1.default, { gap: 0.5, children: [right && right, (0, jsx_runtime_1.jsx)(Button_1.default, { small: true, bold: true, text: 'Export', startIcon: (0, jsx_runtime_1.jsx)(pi_1.PiFileCsv, {}), color: 'gradient', onClick: Export })] }) })] }) }), (0, jsx_runtime_1.jsxs)("table", __assign({ className: "table  ".concat(bordered ? 'border' : '', " ").concat(noStripped ? '' : 'stripped', " ").concat(hoverable ? 'hoverableTr' : '', " ").concat(light ? 'light' : '', " ").concat(dark ? 'dark' : ''), style: {
-                    height: height ? height + "px" : ""
-                } }, rest, { children: [data &&
-                        (data === null || data === void 0 ? void 0 : data.titles) &&
-                        (0, jsx_runtime_1.jsx)(Head_1.default, { children: data.titles.map(function (mdoc) { return ((0, jsx_runtime_1.jsx)("th", { children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: mdoc, bold: true, color: 'primary' }) }, mdoc)); }) }), head && (0, jsx_runtime_1.jsx)(Head_1.default, { children: head }), body && (0, jsx_runtime_1.jsx)(Body_1.default, { children: body }), data &&
-                        filteredData.slice(startIndex, endIndex).map(function (mdoc, index) { return ((0, jsx_runtime_1.jsxs)(Row_1.default, { rowKey: index, children: [data.fields.map(function (fdoc) { return ((0, jsx_runtime_1.jsx)(Data_1.default, { children: mdoc[fdoc] }, fdoc)); }), customColumns ?
-                                    customColumns.map(function (column, columnIndex) { return ((0, jsx_runtime_1.jsxs)("td", { children: [column.render && column.render(mdoc), column.onClick && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: function () { return column.onClick && column.onClick(mdoc); }, children: column.title }))] }, columnIndex)); }) : ""] })); }), isLoading &&
-                        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(function () { return ((0, jsx_runtime_1.jsx)(Row_1.default, { funcss: 'skeleton' })); }), children ? children : ''] })), data &&
-                (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: pageSize &&
-                        (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: filteredData.length > pageSize &&
-                                (0, jsx_runtime_1.jsx)("div", { className: "padding bt", children: (0, jsx_runtime_1.jsx)(RowFlex_1.default, { gap: 1, justify: 'center', children: (0, jsx_runtime_1.jsx)("div", { className: "pagination", children: Array.from({ length: endPage - startPage + 1 }, function (_, i) { return ((0, jsx_runtime_1.jsx)(Circle_1.default, { size: 2.5, onClick: function () { return handleChangePage(startPage + i); }, funcss: currentPage === startPage + i ? 'primary pageCircle' : 'dark800 pageCircle text-primary', children: (0, jsx_runtime_1.jsx)(Text_1.default, { text: "".concat(startPage + i), bold: true, size: 'sm' }) }, startPage + i)); }) }) }) }) }) })] }));
-}

package/dist/ui/text/Text.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-type TypographyProps = {
-    id?: string;
-    text?: React.ReactNode;
-    funcss?: string;
-    bg?: string;
-    color?: string;
-    hoverBg?: string;
-    hoverText?: string;
-    monospace?: boolean;
-    emp?: boolean;
-    bold?: boolean;
-    block?: boolean;
-    body?: boolean;
-    article?: boolean;
-    light?: boolean;
-    lighter?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    weight?: number;
-    quote?: boolean;
-    align?: "left" | "center" | "right" | "justify";
-    lineHeight?: string;
-    letterSpacing?: string;
-    uppercase?: boolean;
-    lowercase?: boolean;
-    capitalize?: boolean;
-    textDecoration?: "none" | "underline" | "overline" | "line-through";
-    textTransform?: "none" | "capitalize" | "uppercase" | "lowercase";
-    whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
-    wordBreak?: "normal" | "break-all" | "keep-all" | "break-word";
-    fontFamily?: string;
-    textShadow?: string;
-    textAlign?: "left" | "center" | "right" | "justify";
-    opacity?: number;
-    zIndex?: number;
-    transform?: string;
-    customStyles?: React.CSSProperties;
-    onClick?: () => void;
-    children?: React.ReactNode;
-    size?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-};
-declare const Text: React.FC<TypographyProps>;
-export default Text;