@gustavo-valsechi/client 1.3.28 → 1.3.29

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,91 @@
+"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);
+
+// components/types/table/modal/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Content: () => Content
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var 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,57 @@
+"use client";
+
+// components/types/table/modal/styles.tsx
+import styled from "styled-components";
+var 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,131 @@
+"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);
+
+// components/types/table/paginate/index.tsx
+var paginate_exports = {};
+__export(paginate_exports, {
+  Paginate: () => Paginate
+});
+module.exports = __toCommonJS(paginate_exports);
+
+// components/types/table/paginate/styles.tsx
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+
+// components/types/table/paginate/index.tsx
+var import_lodash = __toESM(require("lodash"));
+var import_jsx_runtime = require("react/jsx-runtime");
+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)(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,95 @@
+"use client";
+
+// components/types/table/paginate/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+
+// components/types/table/paginate/index.tsx
+import _ from "lodash";
+import { jsx, jsxs } from "react/jsx-runtime";
+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;

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

@@ -0,0 +1,75 @@
+"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);
+
+// components/types/table/paginate/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(styles_exports);
+var import_styled_components = __toESM(require("styled-components"));
+var Container = import_styled_components.default.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1,41 @@
+"use client";
+
+// components/types/table/paginate/styles.tsx
+import styled from "styled-components";
+var Container = styled.div`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5rem;
+
+    .paginate {
+        font-size: .8rem;
+        font-weight: 500;
+        height: 1.5rem;
+        padding: 0 .6rem;
+        border-radius: 1rem;
+        transition: ease .3s;
+        color: ${({ theme }) => theme.t6};
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+
+        &[data-current="true"] {
+            background: ${({ theme }) => theme.tertiary};
+            color: ${({ theme }) => theme.secondary};
+
+            &:hover {
+                background: ${({ theme }) => theme.tertiary};
+            }
+        }
+
+        &:hover {
+            background: ${({ theme }) => theme.t05};
+        }
+    }
+`;
+export {
+  Container
+};

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

@@ -0,0 +1,5 @@
+interface IProps {
+    notFound?: boolean;
+}
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProps>> & string;
+export {};