@gustavo-valsechi/client 1.4.75 → 1.4.77

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

@@ -35,9 +35,9 @@ function Table(props) {
       "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" : ""}
+          table-content 
+          ${((_a2 = option.row) == null ? void 0 : _a2.actions) ? "table-action" : ""} 
+          ${((_b2 = option.row) == null ? void 0 : _b2.icon) ? "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)
@@ -47,13 +47,13 @@ function Table(props) {
   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(
+      return /* @__PURE__ */ jsx("div", { className: "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(
+      return /* @__PURE__ */ jsx("div", { className: "table-icon", children: /* @__PURE__ */ jsx(
         "i",
         {
           "aria-hidden": true,
@@ -67,7 +67,7 @@ function Table(props) {
     return /* @__PURE__ */ jsx(
       "button",
       {
-        className: `iz-table-button ${_.includes(action.icon, "trash") ? "negative" : ""}`,
+        className: `table-button ${_.includes(action.icon, "trash") ? "negative" : ""}`,
         onClick: () => action.function ? action.function(data) : null,
         disabled: action.disabled,
         "data-tooltip": action.tooltip,
@@ -90,7 +90,7 @@ function Table(props) {
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: "iz-table-content-elipse",
+        className: "table-content-elipse",
         "data-tooltip": _.isString(body) ? body : "",
         "data-tooltip-props": '{"position":"bottom"}',
         children: body
@@ -98,7 +98,7 @@ function Table(props) {
     );
   };
   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("div", { className: "table-container", children: /* @__PURE__ */ jsxs("table", { children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: _.map(
         props.options,
         (option, index) => {
@@ -106,7 +106,7 @@ function Table(props) {
           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 : ""}` : ""}`,
+              className: `table-content ${((_b2 = option.column) == null ? void 0 : _b2.action) ? `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) : !((_h = props.content) == null ? void 0 : _h.length) && !props.loading ? "" : _.isString(((_i = option.column) == null ? void 0 : _i.name) || option.column) ? ((_j = option.column) == null ? void 0 : _j.name) || option.column : ""
             }
           ) }, index);
@@ -124,7 +124,7 @@ function Table(props) {
         ) }, 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: [
+    !((_d = props.content) == null ? void 0 : _d.length) && !props.loading && /* @__PURE__ */ jsxs("div", { className: "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" })
     ] }),

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

@@ -55,15 +55,15 @@ function 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(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "table-modal-title", children: "Conte\xFAdo" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "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: "table-modal-column", children: key }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "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)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "table-modal-actions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import__.default,
               {
                 content: import_lodash.default.concat(import_lodash.default.map(actions, (data) => ({

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

@@ -22,15 +22,15 @@ function 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(
+            /* @__PURE__ */ jsx("div", { className: "table-modal-title", children: "Conte\xFAdo" }),
+            /* @__PURE__ */ jsx("div", { className: "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: "table-modal-column", children: key }),
+                /* @__PURE__ */ jsx("div", { className: "table-modal-row", children: value })
               ] }, key)
             ) }) }),
-            /* @__PURE__ */ jsx("div", { className: "iz-table-modal-actions", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "table-modal-actions", children: /* @__PURE__ */ jsx(
               Component,
               {
                 content: _.concat(_.map(actions, (data) => ({

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

@@ -39,7 +39,7 @@ const Content = import_styled_components.default.div`
     flex-direction: column;
     gap: 1.5rem;
     
-    .iz-table-modal-title {
+    .table-modal-title {
         font-size: 1.2rem;
         font-weight: 500;
         width: 100%;
@@ -49,7 +49,7 @@ const Content = import_styled_components.default.div`
         color: ${({ theme }) => theme.t6};
     }
     
-    .iz-table-modal-content {
+    .table-modal-content {
         ul {
             li {
                 border-bottom: solid 1px ${({ theme }) => theme.t05};
@@ -65,21 +65,21 @@ const Content = import_styled_components.default.div`
                     border-bottom: none;
                 }
                 
-                .iz-table-modal-column {
+                .table-modal-column {
                     background: ${({ theme }) => theme.t05};
                     padding: .5rem .8rem;
                     font-weight: 600;
                     border-radius: 5px;
                 }
                 
-                .iz-table-modal-row {
+                .table-modal-row {
                     text-align: right;
                 }
             }
         }
     }
     
-    .iz-table-modal-actions {
+    .table-modal-actions {
         margin-top: 1rem;
     }
 `;

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

@@ -6,7 +6,7 @@ const Content = styled.div`
     flex-direction: column;
     gap: 1.5rem;
     
-    .iz-table-modal-title {
+    .table-modal-title {
         font-size: 1.2rem;
         font-weight: 500;
         width: 100%;
@@ -16,7 +16,7 @@ const Content = styled.div`
         color: ${({ theme }) => theme.t6};
     }
     
-    .iz-table-modal-content {
+    .table-modal-content {
         ul {
             li {
                 border-bottom: solid 1px ${({ theme }) => theme.t05};
@@ -32,21 +32,21 @@ const Content = styled.div`
                     border-bottom: none;
                 }
                 
-                .iz-table-modal-column {
+                .table-modal-column {
                     background: ${({ theme }) => theme.t05};
                     padding: .5rem .8rem;
                     font-weight: 600;
                     border-radius: 5px;
                 }
                 
-                .iz-table-modal-row {
+                .table-modal-row {
                     text-align: right;
                 }
             }
         }
     }
     
-    .iz-table-modal-actions {
+    .table-modal-actions {
         margin-top: 1rem;
     }
 `;

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

@@ -34,7 +34,7 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var import_styled_components = __toESM(require("styled-components"));
 const Container = import_styled_components.default.div`
-    .iz-table-container {
+    .table-container {
         overflow-x: auto;
 
         &::-webkit-scrollbar {
@@ -59,7 +59,7 @@ const Container = import_styled_components.default.div`
             width: 100%;
             border-spacing: 0;
 
-            .iz-table-content {
+            .table-content {
                 background: ${({ theme }) => theme.t05};
                 height: 2.7rem;
                 padding: 0.8rem 1.3rem;
@@ -70,11 +70,11 @@ const Container = import_styled_components.default.div`
                 position: relative;
                 transition: ease 0.3s;
 
-                &.iz-table-identifier {
+                &.table-identifier {
                     padding: .8rem .5rem !important;
                 }
 
-                &.iz-table-action {
+                &.table-action {
                     display: flex;
                     justify-content: flex-end;
                     padding: .8rem .5rem !important;
@@ -88,14 +88,14 @@ const Container = import_styled_components.default.div`
                         justify-content: center;
                     }
 
-                    .iz-table-actions {
+                    .table-actions {
                         display: flex;
                         align-items: center;
                         justify-content: flex-end;
                         gap: .5rem;
                     }
 
-                    .iz-table-button {
+                    .table-button {
                         min-width: 1.8rem;
                         height: 1.8rem;
                         border-radius: 5px;
@@ -142,7 +142,7 @@ const Container = import_styled_components.default.div`
                         height: 2.5rem;
 
                         @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            .iz-table-content {
+                            .table-content {
                                 font-size: .7rem;
                             }
                         }
@@ -156,14 +156,14 @@ const Container = import_styled_components.default.div`
                         }
 
                         &:first-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-left-radius: 5px;
                                 border-bottom-left-radius: 5px;
                             }
                         }
 
                         &:last-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-right-radius: 5px;
                                 border-bottom-right-radius: 5px;
                             }
@@ -176,7 +176,7 @@ const Container = import_styled_components.default.div`
                 tr {
                     &:hover {
                         td {
-                            .iz-table-content {
+                            .table-content {
                                 background: ${({ theme }) => theme.tertiary};
                             }
                         }
@@ -197,20 +197,20 @@ const Container = import_styled_components.default.div`
                         }
 
                         &:first-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-left-radius: 5px;
                                 border-bottom-left-radius: 5px;
                             }
                         }
 
                         &:last-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-right-radius: 5px;
                                 border-bottom-right-radius: 5px;
                             }
                         }
 
-                        .iz-table-content-elipse {
+                        .table-content-elipse {
                             position: absolute;
                             left: 0;
                             right: 0;
@@ -223,7 +223,7 @@ const Container = import_styled_components.default.div`
 
                     &:first-child {
                         td {
-                            .iz-table-content {
+                            .table-content {
                                 margin-top: 1.5rem;
                             }
                         }
@@ -233,7 +233,7 @@ const Container = import_styled_components.default.div`
         }
     }
 
-    .iz-table-icon {
+    .table-icon {
         width: 1.8rem;
         height: 1.8rem;
         background: ${({ theme }) => theme.t08};
@@ -254,7 +254,7 @@ const Container = import_styled_components.default.div`
         }
     }
     
-    .iz-table-not-found {
+    .table-not-found {
         border-radius: 5px;
         background: ${({ theme }) => theme.t05};
         display: flex;

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

@@ -1,7 +1,7 @@
 "use client";
 import styled from "styled-components";
 const Container = styled.div`
-    .iz-table-container {
+    .table-container {
         overflow-x: auto;
 
         &::-webkit-scrollbar {
@@ -26,7 +26,7 @@ const Container = styled.div`
             width: 100%;
             border-spacing: 0;
 
-            .iz-table-content {
+            .table-content {
                 background: ${({ theme }) => theme.t05};
                 height: 2.7rem;
                 padding: 0.8rem 1.3rem;
@@ -37,11 +37,11 @@ const Container = styled.div`
                 position: relative;
                 transition: ease 0.3s;
 
-                &.iz-table-identifier {
+                &.table-identifier {
                     padding: .8rem .5rem !important;
                 }
 
-                &.iz-table-action {
+                &.table-action {
                     display: flex;
                     justify-content: flex-end;
                     padding: .8rem .5rem !important;
@@ -55,14 +55,14 @@ const Container = styled.div`
                         justify-content: center;
                     }
 
-                    .iz-table-actions {
+                    .table-actions {
                         display: flex;
                         align-items: center;
                         justify-content: flex-end;
                         gap: .5rem;
                     }
 
-                    .iz-table-button {
+                    .table-button {
                         min-width: 1.8rem;
                         height: 1.8rem;
                         border-radius: 5px;
@@ -109,7 +109,7 @@ const Container = styled.div`
                         height: 2.5rem;
 
                         @media (max-width: ${({ theme }) => theme.mobileMaxWidth}) {
-                            .iz-table-content {
+                            .table-content {
                                 font-size: .7rem;
                             }
                         }
@@ -123,14 +123,14 @@ const Container = styled.div`
                         }
 
                         &:first-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-left-radius: 5px;
                                 border-bottom-left-radius: 5px;
                             }
                         }
 
                         &:last-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-right-radius: 5px;
                                 border-bottom-right-radius: 5px;
                             }
@@ -143,7 +143,7 @@ const Container = styled.div`
                 tr {
                     &:hover {
                         td {
-                            .iz-table-content {
+                            .table-content {
                                 background: ${({ theme }) => theme.tertiary};
                             }
                         }
@@ -164,20 +164,20 @@ const Container = styled.div`
                         }
 
                         &:first-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-left-radius: 5px;
                                 border-bottom-left-radius: 5px;
                             }
                         }
 
                         &:last-child {
-                            .iz-table-content {
+                            .table-content {
                                 border-top-right-radius: 5px;
                                 border-bottom-right-radius: 5px;
                             }
                         }
 
-                        .iz-table-content-elipse {
+                        .table-content-elipse {
                             position: absolute;
                             left: 0;
                             right: 0;
@@ -190,7 +190,7 @@ const Container = styled.div`
 
                     &:first-child {
                         td {
-                            .iz-table-content {
+                            .table-content {
                                 margin-top: 1.5rem;
                             }
                         }
@@ -200,7 +200,7 @@ const Container = styled.div`
         }
     }
 
-    .iz-table-icon {
+    .table-icon {
         width: 1.8rem;
         height: 1.8rem;
         background: ${({ theme }) => theme.t08};
@@ -221,7 +221,7 @@ const Container = styled.div`
         }
     }
     
-    .iz-table-not-found {
+    .table-not-found {
         border-radius: 5px;
         background: ${({ theme }) => theme.t05};
         display: flex;

package/dist/contexts/target/index.js

@@ -42,41 +42,31 @@ const memory = [];
 const TargetProviderContainer = ({ children }) => {
   const containerRef = (0, import_react.useRef)([]);
   const [targets, setTargets] = (0, import_react.useState)([]);
-  const [show, setShow] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
     import_lodash.default.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!element) return;
       element.addEventListener("click", () => {
-        const showMemory = [...show];
-        const isShow = import_lodash.default.find(showMemory, (data) => data.index === index);
-        if (isShow) {
-          const showIndex = import_lodash.default.findIndex(showMemory, (data) => data.index === index);
-          showMemory.splice(showIndex, 1);
-          setShow(showMemory);
+        const targetElement = import_lodash.default.find(containerRef.current, (data, i) => i === index);
+        if (!targetElement) return;
+        if (targetElement.style.opacity === "1") {
+          targetElement.style.opacity = "0";
+          targetElement.style.zIndex = "-1";
           return;
         }
-        showMemory.push({ index, coords: getCoords(element) });
-        setShow(showMemory);
+        import_lodash.default.forEach(containerRef.current, () => {
+          targetElement.style.opacity = "0";
+          targetElement.style.zIndex = "-1";
+        });
+        const coords = getCoords(element);
+        targetElement.style.top = `${coords.top}px`;
+        targetElement.style.left = `${coords.left}px`;
+        targetElement.style.opacity = "1";
+        targetElement.style.zIndex = "10";
       });
     });
-  }, [targets, show]);
-  (0, import_react.useEffect)(() => {
-    if (!containerRef.current) return;
-    import_lodash.default.forEach(containerRef.current, (element, index) => {
-      const config = import_lodash.default.find(show, (data) => data.index === index);
-      if (!config) {
-        element.style.opacity = "0";
-        element.style.zIndex = "-1";
-        return;
-      }
-      element.style.top = `${config.coords.top}px`;
-      element.style.left = `${config.coords.left}px`;
-      element.style.opacity = "1";
-      element.style.zIndex = "10";
-    });
-  }, [show, containerRef]);
+  }, [targets]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;

package/dist/contexts/target/index.mjs

@@ -8,41 +8,31 @@ const memory = [];
 const TargetProviderContainer = ({ children }) => {
   const containerRef = useRef([]);
   const [targets, setTargets] = useState([]);
-  const [show, setShow] = useState([]);
   useEffect(() => {
     _.forEach(targets, (target, index) => {
       var _a;
       const element = (_a = target.ref) == null ? void 0 : _a.current;
       if (!element) return;
       element.addEventListener("click", () => {
-        const showMemory = [...show];
-        const isShow = _.find(showMemory, (data) => data.index === index);
-        if (isShow) {
-          const showIndex = _.findIndex(showMemory, (data) => data.index === index);
-          showMemory.splice(showIndex, 1);
-          setShow(showMemory);
+        const targetElement = _.find(containerRef.current, (data, i) => i === index);
+        if (!targetElement) return;
+        if (targetElement.style.opacity === "1") {
+          targetElement.style.opacity = "0";
+          targetElement.style.zIndex = "-1";
           return;
         }
-        showMemory.push({ index, coords: getCoords(element) });
-        setShow(showMemory);
+        _.forEach(containerRef.current, () => {
+          targetElement.style.opacity = "0";
+          targetElement.style.zIndex = "-1";
+        });
+        const coords = getCoords(element);
+        targetElement.style.top = `${coords.top}px`;
+        targetElement.style.left = `${coords.left}px`;
+        targetElement.style.opacity = "1";
+        targetElement.style.zIndex = "10";
       });
     });
-  }, [targets, show]);
-  useEffect(() => {
-    if (!containerRef.current) return;
-    _.forEach(containerRef.current, (element, index) => {
-      const config = _.find(show, (data) => data.index === index);
-      if (!config) {
-        element.style.opacity = "0";
-        element.style.zIndex = "-1";
-        return;
-      }
-      element.style.top = `${config.coords.top}px`;
-      element.style.left = `${config.coords.left}px`;
-      element.style.opacity = "1";
-      element.style.zIndex = "10";
-    });
-  }, [show, containerRef]);
+  }, [targets]);
   const getCoords = (target) => {
     const rect = target.getBoundingClientRect();
     const targetTop = rect.top + window.scrollY;

package/dist/interfaces/contexts/tooltip/index.d.ts

@@ -6,13 +6,6 @@ export interface ITargetConfig {
     ref: React.RefObject<any>;
     component: React.ReactNode;
 }
-export interface ITargetShow {
-    index: number;
-    coords: {
-        top: number;
-        left: number;
-    };
-}
 export interface ITargetConfigCoords {
     top: number;
     left: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.4.75",
+  "version": "1.4.77",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",