@gustavo-valsechi/client 1.3.28 → 1.3.30

package/dist/components/types/table/index.mjs

@@ -0,0 +1,135 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { Container } from "./styles";
+import { LoadingBar } from "@components";
+import { Paginate } from "./paginate";
+import { useModal, useTheme } from "@contexts";
+import _ from "lodash";
+import Modal from "./modal";
+export * from "./paginate";
+function Table(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const theme = useTheme();
+  const modal = useModal();
+  const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
+  useEffect(() => {
+    modal.add({ component: Modal, name: "table" });
+    return () => modal.remove("table");
+  }, []);
+  const onShowLine = (key) => {
+    if (window.innerWidth > Number(_.replace(theme.content.mobileMaxWidth, "px", ""))) return;
+    let content = {};
+    _.forEach(props.options, (data, index) => {
+      var _a2, _b2;
+      const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
+      const columnName = !_.isString(column) ? props.options.length - 1 === index ? "actions" : "" : column;
+      content[columnName] = columnName === "actions" ? (_b2 = data.row) == null ? void 0 : _b2.actions : renderRowContainer(props.content[key], data);
+    });
+    modal.setProps("table", { toggle: true, content });
+  };
+  const renderRowContainer = (data, option) => {
+    var _a2, _b2, _c2, _d2;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `
+          iz-table-content 
+          ${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "iz-table-action" : ""} 
+          ${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "iz-table-identifier" : ""}
+        `,
+        style: _.isFunction((_c2 = option.row) == null ? void 0 : _c2.style) ? option.row.style(data, option) : (_d2 = option.row) == null ? void 0 : _d2.style,
+        children: renderRowContent(data, option)
+      }
+    );
+  };
+  const renderRowContent = (data, option) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (!!((_a2 = option.row) == null ? void 0 : _a2.actions)) {
+      return /* @__PURE__ */ jsx("div", { className: "iz-table-actions", children: _.map(
+        (_b2 = option.row) == null ? void 0 : _b2.actions,
+        (action, index) => renderButton(action, data, index)
+      ) });
+    }
+    if ((_c2 = option.row) == null ? void 0 : _c2.icon) {
+      return /* @__PURE__ */ jsx("div", { className: "iz-table-icon", children: /* @__PURE__ */ jsx(
+        "i",
+        {
+          "aria-hidden": true,
+          className: _.isFunction((_d2 = option.row) == null ? void 0 : _d2.icon) ? option.row.icon(data) || "fa-solid fa-circle-user" : ((_e2 = option.row) == null ? void 0 : _e2.icon) || "fa-solid fa-circle-user"
+        }
+      ) });
+    }
+    return renderRowText(data, option);
+  };
+  const renderButton = (action, data, index) => {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `iz-table-button ${_.includes(action.icon, "trash") ? "negative" : ""}`,
+        onClick: () => action.function ? action.function(data) : null,
+        disabled: action.disabled,
+        "data-tooltip": action.tooltip,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: action.icon || "fa-solid fa-eye" })
+      },
+      index
+    );
+  };
+  const renderRowText = (data, option) => {
+    const row = option.row || {};
+    const content = data[row.name] || data;
+    let body;
+    while (!body) {
+      if (_.isString(row)) body = data[row];
+      if (_.isString(content)) body = content;
+      if (_.isFunction(row.mask)) body = row.mask(content);
+      if (_.isFunction(row.custom)) body = row.custom(content);
+      body = body != null ? body : "---";
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "iz-table-content-elipse",
+        title: _.isString(body) ? body : "",
+        children: body
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(Container, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
+    /* @__PURE__ */ jsx("div", { className: "iz-table-container", children: /* @__PURE__ */ jsxs("table", { children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: _.map(
+        props.options,
+        (option, index) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+          return /* @__PURE__ */ jsx("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `iz-table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `iz-table-action ${((_d2 = (_c2 = option.column) == null ? void 0 : _c2.action) == null ? void 0 : _d2.position) ? (_f2 = (_e2 = option.column) == null ? void 0 : _e2.action) == null ? void 0 : _f2.position : ""}` : ""}`,
+              children: !!((_g = option.column) == null ? void 0 : _g.action) ? renderButton(option.column.action) : _.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
+            }
+          ) }, index);
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: loading ? _.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ jsx("tr", { children: _.map(props.options, (data2, index) => {
+        var _a2;
+        return /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+          LoadingBar,
+          {
+            height: "2.5rem",
+            borderRadius: index === 0 ? "5px 0 0 5px" : ((_a2 = props.options) == null ? void 0 : _a2.length) - 1 === index ? "0 5px 5px 0" : "0",
+            margin: key === 0 ? "1.5rem 0 0" : ".5rem 0 0"
+          }
+        ) }, index);
+      }) }, key)) : _.map(props.content, (data, key) => /* @__PURE__ */ jsx("tr", { children: _.map(props.options, (option, index) => /* @__PURE__ */ jsx("td", { onClick: () => index < 2 ? onShowLine(key) : null, children: renderRowContainer(data, option) }, index)) }, key)) })
+    ] }) }),
+    !((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ jsxs("div", { className: "iz-table-not-found", children: [
+      /* @__PURE__ */ jsx("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
+      /* @__PURE__ */ jsx("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
+    ] }),
+    !!props.paginate && /* @__PURE__ */ jsx(Paginate, { ...props.paginate })
+  ] });
+}
+export {
+  Table
+};

package/dist/components/types/table/modal/actions.d.ts

@@ -0,0 +1,10 @@
+declare const actionConfig: {
+    "fa-solid fa-pen-to-square": {
+        label: string;
+    };
+    "fa-solid fa-trash-can": {
+        label: string;
+        color: string;
+    };
+};
+export default actionConfig;

package/dist/components/types/table/modal/actions.js

@@ -0,0 +1,30 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var actions_exports = {};
+__export(actions_exports, {
+  default: () => actions_default
+});
+module.exports = __toCommonJS(actions_exports);
+var import_content = require("@contexts/theme/content");
+const actionConfig = {
+  "fa-solid fa-pen-to-square": { label: "editar" },
+  "fa-solid fa-trash-can": { label: "remover", color: import_content.CommonTheme.negative }
+};
+var actions_default = actionConfig;

package/dist/components/types/table/modal/actions.mjs

@@ -0,0 +1,10 @@
+"use client";
+import { CommonTheme } from "@contexts/theme/content";
+const actionConfig = {
+  "fa-solid fa-pen-to-square": { label: "editar" },
+  "fa-solid fa-trash-can": { label: "remover", color: CommonTheme.negative }
+};
+var actions_default = actionConfig;
+export {
+  actions_default as default
+};

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

@@ -0,0 +1,2 @@
+import { IModal } from "@interfaces";
+export default function Modal(props: IModal): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/modal/index.js

@@ -0,0 +1,91 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var modal_exports = {};
+__export(modal_exports, {
+  default: () => Modal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import_styles2 = require("../styles");
+var import__ = require("../../..");
+var import_contexts = require("@contexts");
+var import_lodash = __toESM(require("lodash"));
+var import_actions = __toESM(require("./actions"));
+function Modal(props) {
+  const modal = (0, import_contexts.useModal)();
+  const content = import_lodash.default.omit(props.content, ["actions"]);
+  const actions = Object.values(import_lodash.default.pick(props.content, ["actions"]))[0];
+  const onClose = () => {
+    modal.setProps("table", { toggle: false });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Component,
+    {
+      content: [{
+        type: "Modal",
+        props: {
+          toggle: props.toggle,
+          onClose,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles2.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Content, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: import_lodash.default.map(
+              content,
+              (value, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+                !!key && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-column", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-row", children: value })
+              ] }, key)
+            ) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import__.Component,
+              {
+                content: import_lodash.default.concat(import_lodash.default.map(actions, (data) => ({
+                  type: "Button",
+                  props: {
+                    ...import_actions.default[data.icon] || {},
+                    onClick: data.function
+                  }
+                })), {
+                  type: "Button",
+                  props: {
+                    label: "fechar",
+                    outline: true,
+                    onClick: onClose
+                  }
+                })
+              }
+            ) })
+          ] }) })
+        }
+      }]
+    }
+  );
+}

package/dist/components/types/table/modal/index.mjs

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Content } from "./styles";
+import { Container } from "../styles";
+import { Component } from "../../..";
+import { useModal } from "@contexts";
+import _ from "lodash";
+import actionConfig from "./actions";
+function Modal(props) {
+  const modal = useModal();
+  const content = _.omit(props.content, ["actions"]);
+  const actions = Object.values(_.pick(props.content, ["actions"]))[0];
+  const onClose = () => {
+    modal.setProps("table", { toggle: false });
+  };
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      content: [{
+        type: "Modal",
+        props: {
+          toggle: props.toggle,
+          onClose,
+          children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Content, { children: [
+            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-title", children: "Conte\xFAdo" }),
+            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-content", children: /* @__PURE__ */ jsx("ul", { children: _.map(
+              content,
+              (value, key) => /* @__PURE__ */ jsxs("li", { children: [
+                !!key && /* @__PURE__ */ jsx("div", { className: "iz-table-modal-column", children: key }),
+                /* @__PURE__ */ jsx("div", { className: "iz-table-modal-row", children: value })
+              ] }, key)
+            ) }) }),
+            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ jsx(
+              Component,
+              {
+                content: _.concat(_.map(actions, (data) => ({
+                  type: "Button",
+                  props: {
+                    ...actionConfig[data.icon] || {},
+                    onClick: data.function
+                  }
+                })), {
+                  type: "Button",
+                  props: {
+                    label: "fechar",
+                    outline: true,
+                    onClick: onClose
+                  }
+                })
+              }
+            ) })
+          ] }) })
+        }
+      }]
+    }
+  );
+}
+export {
+  Modal as default
+};

package/dist/components/types/table/modal/styles.d.ts

@@ -0,0 +1 @@
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/types/table/modal/styles.js

@@ -0,0 +1,90 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  Content: () => Content
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Content = import_styled_components.default.div`
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    
+    .iz-table-modal-title {
+        font-size: 1.2rem;
+        font-weight: 500;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: ${({ theme }) => theme.t6};
+    }
+    
+    .iz-table-modal-content {
+        ul {
+            li {
+                border-bottom: solid 1px ${({ theme }) => theme.t05};
+                padding: .8rem 0;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 1rem;
+                font-size: .8rem;
+                color: ${({ theme }) => theme.t6};
+
+                &:last-child {
+                    border-bottom: none;
+                }
+                
+                .iz-table-modal-column {
+                    background: ${({ theme }) => theme.t05};
+                    padding: .5rem .8rem;
+                    font-weight: 600;
+                    border-radius: 5px;
+                }
+                
+                .iz-table-modal-row {
+                    text-align: right;
+                }
+            }
+        }
+    }
+    
+    .iz-table-modal-actions {
+        margin-top: 1rem;
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Content
+});

package/dist/components/types/table/modal/styles.mjs

@@ -0,0 +1,56 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Content = styled.div`
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    
+    .iz-table-modal-title {
+        font-size: 1.2rem;
+        font-weight: 500;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: ${({ theme }) => theme.t6};
+    }
+    
+    .iz-table-modal-content {
+        ul {
+            li {
+                border-bottom: solid 1px ${({ theme }) => theme.t05};
+                padding: .8rem 0;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                gap: 1rem;
+                font-size: .8rem;
+                color: ${({ theme }) => theme.t6};
+
+                &:last-child {
+                    border-bottom: none;
+                }
+                
+                .iz-table-modal-column {
+                    background: ${({ theme }) => theme.t05};
+                    padding: .5rem .8rem;
+                    font-weight: 600;
+                    border-radius: 5px;
+                }
+                
+                .iz-table-modal-row {
+                    text-align: right;
+                }
+            }
+        }
+    }
+    
+    .iz-table-modal-actions {
+        margin-top: 1rem;
+    }
+`;
+export {
+  Content
+};

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

@@ -0,0 +1,2 @@
+import { IPaginate } from "@interfaces";
+export declare function Paginate(props: IPaginate): false | import("react/jsx-runtime").JSX.Element;

package/dist/components/types/table/paginate/index.js

@@ -0,0 +1,92 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var paginate_exports = {};
+__export(paginate_exports, {
+  Paginate: () => Paginate
+});
+module.exports = __toCommonJS(paginate_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import_lodash = __toESM(require("lodash"));
+function Paginate(props) {
+  const pages = () => {
+    const offset = Number(props.page.value) - 4;
+    let page = offset > 0 ? offset + 1 : 1;
+    let pages2 = [];
+    while (Number(props.total) >= page) {
+      pages2.push(page);
+      page++;
+    }
+    pages2 = import_lodash.default.slice(pages2, 0, 5);
+    if (Number(props.page.value) + 1 > 5) pages2 = import_lodash.default.concat(["1.."], pages2);
+    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return import_lodash.default.concat(pages2, `..${props.total}`);
+    return pages2;
+  };
+  return Number(props.total) > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "paginate back",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value ? props.page.value - 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
+      }
+    ),
+    import_lodash.default.map(
+      pages(),
+      (page, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: "paginate page",
+          "data-current": String(props.page.value === Number(import_lodash.default.replace(page, /\D/g, "")) - 1),
+          onClick: () => props.page.set ? props.page.set(Number(import_lodash.default.replace(page, /\D/g, "")) - 1) : null,
+          children: page
+        },
+        index
+      )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "paginate next",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Paginate
+});

package/dist/components/types/table/paginate/index.mjs

@@ -0,0 +1,58 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+import _ from "lodash";
+function Paginate(props) {
+  const pages = () => {
+    const offset = Number(props.page.value) - 4;
+    let page = offset > 0 ? offset + 1 : 1;
+    let pages2 = [];
+    while (Number(props.total) >= page) {
+      pages2.push(page);
+      page++;
+    }
+    pages2 = _.slice(pages2, 0, 5);
+    if (Number(props.page.value) + 1 > 5) pages2 = _.concat(["1.."], pages2);
+    if (Number(props.total) > 6 && Number(props.page.value) + 1 < Number(props.total)) return _.concat(pages2, `..${props.total}`);
+    return pages2;
+  };
+  return Number(props.total) > 1 && /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "paginate back",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value ? props.page.value - 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-left" })
+      }
+    ),
+    _.map(
+      pages(),
+      (page, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "paginate page",
+          "data-current": String(props.page.value === Number(_.replace(page, /\D/g, "")) - 1),
+          onClick: () => props.page.set ? props.page.set(Number(_.replace(page, /\D/g, "")) - 1) : null,
+          children: page
+        },
+        index
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "paginate next",
+        onClick: () => props.page.set ? props.page.set(
+          props.page.value !== props.total - 1 ? props.page.value + 1 : props.page.value
+        ) : null,
+        children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-chevron-right" })
+      }
+    )
+  ] });
+}
+export {
+  Paginate
+};

package/dist/components/types/table/paginate/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;