@gustavo-valsechi/client 1.3.28 → 1.3.30

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

@@ -0,0 +1,66 @@
+"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, {
+  Modal: () => Modal
+});
+module.exports = __toCommonJS(modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles");
+var import__ = require("../..");
+var import_lodash = __toESM(require("lodash"));
+function Modal(props) {
+  var _a, _b, _c;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { ...props, position: props.position || "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-back", onClick: props.onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-container", children: [
+      (!!props.title || !!props.header) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-title", children: [
+          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-modal-content", children: [
+        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
+        props.children
+      ] }),
+      props.buttons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-modal-buttons", children: import_lodash.default.map(
+        props.buttons,
+        (button, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Button, { ...button }, index)
+      ) })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Modal
+});

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

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Container } from "./styles";
+import { Button } from "../..";
+import _ from "lodash";
+function Modal(props) {
+  var _a, _b, _c;
+  return /* @__PURE__ */ jsxs(Container, { ...props, position: props.position || "center", children: [
+    /* @__PURE__ */ jsx("div", { className: "iz-modal-back", onClick: props.onClose }),
+    /* @__PURE__ */ jsxs("div", { className: "iz-modal-container", children: [
+      (!!props.title || !!props.header) && /* @__PURE__ */ jsxs("div", { className: "iz-modal-header", children: [
+        /* @__PURE__ */ jsxs("div", { className: "iz-modal-title", children: [
+          ((_a = props.header) == null ? void 0 : _a.icon) && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: (_b = props.header) == null ? void 0 : _b.icon }),
+          /* @__PURE__ */ jsx("span", { children: props.title || ((_c = props.header) == null ? void 0 : _c.title) })
+        ] }),
+        /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark", onClick: props.onClose })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "iz-modal-content", children: [
+        props.onClose && !props.title && !props.header && !props.noCloseIcon && /* @__PURE__ */ jsx("div", { className: "iz-modal-close", onClick: props.onClose, children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: "fa-solid fa-xmark" }) }),
+        props.children
+      ] }),
+      props.buttons && /* @__PURE__ */ jsx("div", { className: "iz-modal-buttons", children: _.map(
+        props.buttons,
+        (button, index) => /* @__PURE__ */ jsx(Button, { ...button }, index)
+      ) })
+    ] })
+  ] });
+}
+export {
+  Modal
+};

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

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

@@ -0,0 +1,167 @@
+"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, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+const Container = import_styled_components.default.div`
+  width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  display: flex !important;
+  position: fixed;
+  z-index: ${(props) => props.toggle ? "9" : "-1"};
+  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
+  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
+  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
+
+  .iz-modal-back {
+    width: 100%;
+    height: 100%;
+    background: rgb(0, 0, 0, 0.3);
+    opacity: ${(props) => props.toggle ? "1" : "0"};
+    transition: ease 0.3s;
+    position: absolute;
+  }
+
+  .iz-modal-container {
+    display: flex;
+    flex-direction: column;
+    height: ${(props) => props.position !== "center" ? "100%" : void 0};
+    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
+    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
+    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
+    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
+    background: ${({ theme }) => theme.primary};
+    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
+    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
+    transition: ease 0.3s;
+    position: absolute;
+
+    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
+      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
+      max-width: 100%;
+      padding-bottom: 3rem !important;
+
+      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
+
+      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
+    }
+
+    .iz-modal-header {
+      padding: 1.5rem 2rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
+
+      .iz-modal-title {
+        color: ${({ theme }) => theme.t6};
+        font-size: 1rem;
+        font-weight: 500;
+
+        i {
+          margin-right: .5rem;
+        }
+
+        span {
+          word-break: break-word;
+        }
+      }
+
+      .fa-xmark {
+        color: ${({ theme }) => theme.t6};
+        margin-left: .5rem;
+        cursor: pointer;
+
+        &:hover {
+          color: ${({ theme }) => theme.t8};
+        }
+      }
+    }
+
+    .iz-modal-content {
+      overflow-x: hidden;
+      overflow-y: overlay;
+      position: relative;
+      height: ${(props) => props.position === "center" ? "initial" : "100%"};
+
+      .iz-modal-close {
+        position: absolute;
+        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
+        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
+        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
+        width: 1rem;
+        height: 1rem;
+        cursor: pointer;
+        z-index: 9;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+          
+        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+           display: none;
+        }
+
+        &:hover {
+          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
+        }
+      }
+    }
+
+    .iz-modal-buttons {
+      padding: 1rem 2rem;
+
+      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        padding: 1rem 2rem 2rem;
+      }
+
+      button {
+        width: 100%;
+        margin-bottom: .5rem;
+      }
+
+      button:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,133 @@
+"use client";
+"use client";
+import styled from "styled-components";
+const Container = styled.div`
+  width: 100%;
+  height: 100%;
+  top: 0;
+  right: 0;
+  display: flex !important;
+  position: fixed;
+  z-index: ${(props) => props.toggle ? "9" : "-1"};
+  flex-direction: ${(props) => props.position === "left" ? "row-reverse" : "row"} !important;
+  transform: ${(props) => props.toggle ? "translateX(0%)" : "translateX(100%)"};
+  transition: ${(props) => props.toggle ? ".0s ease .0s" : ".3s ease .3s"};
+
+  .iz-modal-back {
+    width: 100%;
+    height: 100%;
+    background: rgb(0, 0, 0, 0.3);
+    opacity: ${(props) => props.toggle ? "1" : "0"};
+    transition: ease 0.3s;
+    position: absolute;
+  }
+
+  .iz-modal-container {
+    display: flex;
+    flex-direction: column;
+    height: ${(props) => props.position !== "center" ? "100%" : void 0};
+    width: ${(props) => props.position !== "center" ? "18rem" : void 0};
+    border-radius: ${(props) => props.position === "center" ? "10px" : void 0};
+    max-height: ${(props) => props.position === "center" ? "95%" : "100%"};
+    max-width: ${(props) => props.position === "center" ? "95%" : "100%"};
+    background: ${({ theme }) => theme.primary};
+    transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(50%)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(43%)"};
+    opacity: ${(props) => props.position === "center" && !props.toggle ? "0" : "1"};
+    transition: ease 0.3s;
+    position: absolute;
+
+    ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 50%;"}
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+      border-radius: ${(props) => props.position === "center" ? "10px 10px 0 0" : void 0};
+      width: ${(props) => props.position !== "center" ? "18rem" : "100%"};
+      max-width: 100%;
+      padding-bottom: 3rem !important;
+
+      transform: ${(props) => props.toggle ? props.position === "right" || props.position === "left" ? "translateX(0rem)" : "translateX(-50%) translateY(0)" : props.position === "right" ? "translateX(18rem)" : props.position === "left" ? "translateX(-18rem)" : "translateX(-50%) translateY(50%)"};
+
+      ${(props) => props.position === "right" ? "right: 0;" : props.position === "left" ? "left: 0;" : "left: 50%; bottom: 0;"}
+    }
+
+    .iz-modal-header {
+      padding: 1.5rem 2rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid rgb(0, 0, 0, 0.2);
+
+      .iz-modal-title {
+        color: ${({ theme }) => theme.t6};
+        font-size: 1rem;
+        font-weight: 500;
+
+        i {
+          margin-right: .5rem;
+        }
+
+        span {
+          word-break: break-word;
+        }
+      }
+
+      .fa-xmark {
+        color: ${({ theme }) => theme.t6};
+        margin-left: .5rem;
+        cursor: pointer;
+
+        &:hover {
+          color: ${({ theme }) => theme.t8};
+        }
+      }
+    }
+
+    .iz-modal-content {
+      overflow-x: hidden;
+      overflow-y: overlay;
+      position: relative;
+      height: ${(props) => props.position === "center" ? "initial" : "100%"};
+
+      .iz-modal-close {
+        position: absolute;
+        color: ${(props) => props.light ? "rgb(255, 255, 255, 0.6)" : "rgb(0, 0, 0, 0.6)"};
+        top: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
+        right: ${(props) => props.position === "center" ? "1rem" : "1.5rem"};
+        width: 1rem;
+        height: 1rem;
+        cursor: pointer;
+        z-index: 9;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+          
+        @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+           display: none;
+        }
+
+        &:hover {
+          color: ${(props) => props.light ? "rgb(255, 255, 255, 1)" : "rgb(0, 0, 0, 1)"};
+        }
+      }
+    }
+
+    .iz-modal-buttons {
+      padding: 1rem 2rem;
+
+      @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        padding: 1rem 2rem 2rem;
+      }
+
+      button {
+        width: 100%;
+        margin-bottom: .5rem;
+      }
+
+      button:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+`;
+export {
+  Container
+};

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

@@ -0,0 +1,3 @@
+import { ITable } from "@interfaces";
+export * from "./paginate";
+export declare function Table(props: ITable): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,171 @@
+"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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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 table_exports = {};
+__export(table_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styles = require("./styles");
+var import_components = require("@components");
+var import_paginate = require("./paginate");
+var import_contexts = require("@contexts");
+var import_lodash = __toESM(require("lodash"));
+var import_modal = __toESM(require("./modal"));
+__reExport(table_exports, require("./paginate"), module.exports);
+function Table(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const theme = (0, import_contexts.useTheme)();
+  const modal = (0, import_contexts.useModal)();
+  const loading = ((_a = props.loading) == null ? void 0 : _a.is) || props.loading;
+  (0, import_react.useEffect)(() => {
+    modal.add({ component: import_modal.default, name: "table" });
+    return () => modal.remove("table");
+  }, []);
+  const onShowLine = (key) => {
+    if (window.innerWidth > Number(import_lodash.default.replace(theme.content.mobileMaxWidth, "px", ""))) return;
+    let content = {};
+    import_lodash.default.forEach(props.options, (data, index) => {
+      var _a2, _b2;
+      const column = ((_a2 = data.column) == null ? void 0 : _a2.name) || data.column;
+      const columnName = !import_lodash.default.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__ */ (0, import_jsx_runtime.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: import_lodash.default.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-actions", children: import_lodash.default.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "i",
+        {
+          "aria-hidden": true,
+          className: import_lodash.default.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__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        className: `iz-table-button ${import_lodash.default.includes(action.icon, "trash") ? "negative" : ""}`,
+        onClick: () => action.function ? action.function(data) : null,
+        disabled: action.disabled,
+        "data-tooltip": action.tooltip,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.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 (import_lodash.default.isString(row)) body = data[row];
+      if (import_lodash.default.isString(content)) body = content;
+      if (import_lodash.default.isFunction(row.mask)) body = row.mask(content);
+      if (import_lodash.default.isFunction(row.custom)) body = row.custom(content);
+      body = body != null ? body : "---";
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "iz-table-content-elipse",
+        title: import_lodash.default.isString(body) ? body : "",
+        children: body
+      }
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { notFound: !((_b = props.content) == null ? void 0 : _b.length) && !props.loading, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-table-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: import_lodash.default.map(
+        props.options,
+        (option, index) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { style: (_a2 = option.column) == null ? void 0 : _a2.style, children: /* @__PURE__ */ (0, import_jsx_runtime.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) : import_lodash.default.isString(((_h = option.column) == null ? void 0 : _h.name) || option.column) ? ((_i = option.column) == null ? void 0 : _i.name) || option.column : ""
+            }
+          ) }, index);
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: loading ? import_lodash.default.map(((_c = props.loading) == null ? void 0 : _c.items) || [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], (data, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: import_lodash.default.map(props.options, (data2, index) => {
+        var _a2;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.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)) : import_lodash.default.map(props.content, (data, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: import_lodash.default.map(props.options, (option, index) => /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-table-not-found", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: ((_e = props.notFound) == null ? void 0 : _e.title) || "Nenhuma campanha encontrado" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: ((_f = props.notFound) == null ? void 0 : _f.message) || "Envie uma campanha de marketing para aparecer algum registro" })
+    ] }),
+    !!props.paginate && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_paginate.Paginate, { ...props.paginate })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table,
+  ...require("./paginate")
+});