@zauru-sdk/components 1.0.54 → 1.0.61

package/src/Containers/SubContainer.tsx

@@ -1,37 +1,37 @@
-import React from "react";
-
-type Props = {
-  title?: string;
-  description?: string;
-  children: React.ReactNode;
-  className?: string;
-  rightContent?: React.ReactNode;
-};
-
-export const SubContainer = (props: Props) => {
-  const { title, description, children, className = "", rightContent } = props;
-
-  const titleInfo = (
-    <>
-      {title && (
-        <h3 className="text-xl font-bold leading-8 text-gray-900">{title}</h3>
-      )}
-      {description && (
-        <p className="mt-1 text-md text-gray-600">{description}</p>
-      )}
-    </>
-  );
-
-  return (
-    <div className={`${className}`}>
-      {rightContent && (
-        <div className="flex justify-between items-center">
-          <div>{titleInfo}</div>
-          <div>{rightContent}</div>
-        </div>
-      )}
-      {!rightContent && titleInfo}
-      <div className="mt-5 space-y-3">{children}</div>
-    </div>
-  );
-};
+import React from "react";
+
+type Props = {
+  title?: string;
+  description?: string;
+  children: React.ReactNode;
+  className?: string;
+  rightContent?: React.ReactNode;
+};
+
+export const SubContainer = (props: Props) => {
+  const { title, description, children, className = "", rightContent } = props;
+
+  const titleInfo = (
+    <>
+      {title && (
+        <h3 className="text-xl font-bold leading-8 text-gray-900">{title}</h3>
+      )}
+      {description && (
+        <p className="mt-1 text-md text-gray-600">{description}</p>
+      )}
+    </>
+  );
+
+  return (
+    <div className={`${className}`}>
+      {rightContent && (
+        <div className="flex justify-between items-center">
+          <div>{titleInfo}</div>
+          <div>{rightContent}</div>
+        </div>
+      )}
+      {!rightContent && titleInfo}
+      <div className="mt-5 space-y-3">{children}</div>
+    </div>
+  );
+};

package/src/Containers/index.ts

@@ -1,7 +1,7 @@
-export * from "./BodyContainer.js";
-export * from "./ButtonSectionContainer.js";
-export * from "./Container.js";
-export * from "./DoubleContainer.js";
-export * from "./MainContainer.js";
-export * from "./OutletContainer.js";
-export * from "./SubContainer.js";
+export * from "./BodyContainer.js";
+export * from "./ButtonSectionContainer.js";
+export * from "./Container.js";
+export * from "./DoubleContainer.js";
+export * from "./MainContainer.js";
+export * from "./OutletContainer.js";
+export * from "./SubContainer.js";

package/src/DynamicTable/BasicPrintDynamicTable.tsx

@@ -1,73 +1,73 @@
-import { isNumeric } from "@zauru-sdk/common";
-import { GenericDynamicTableColumn } from "@zauru-sdk/types";
-
-//TABLA PARA LA IMPRESION:
-export const BasicTableHTML = (props: {
-  data: { [key: string]: string }[];
-  headers: GenericDynamicTableColumn[];
-  footer: { [key: string]: string };
-}) => {
-  const { data, footer, headers } = props;
-  return (
-    <table style={{ borderCollapse: "collapse", width: "100%" }}>
-      <thead>
-        <tr>
-          {headers?.map((titulo, index) => (
-            <th
-              key={index}
-              style={{
-                border: "1px solid black",
-                padding: "10px",
-                textAlign: "center",
-                whiteSpace: "normal",
-              }}
-            >
-              {titulo.label}
-            </th>
-          ))}
-        </tr>
-      </thead>
-      <tbody>
-        {data?.map((fila, index) => (
-          <tr key={index}>
-            {headers?.map((titulo, index) => (
-              <td
-                key={index}
-                style={{
-                  border: "1px solid black",
-                  padding: "1px",
-                  textAlign: "center",
-                  whiteSpace: "normal",
-                  fontSize: isNumeric((fila as any)[titulo.name])
-                    ? "2em"
-                    : "1em",
-                }}
-              >
-                {(fila as any)[titulo.name]}
-              </td>
-            ))}
-          </tr>
-        ))}
-      </tbody>
-      <tfoot>
-        <tr>
-          {headers?.map((titulo, index) => (
-            <td
-              key={index}
-              style={{
-                padding: "10px",
-                textAlign: "center",
-                whiteSpace: "normal",
-                fontSize: isNumeric((footer as any)[titulo.name])
-                  ? "2em"
-                  : "1em",
-              }}
-            >
-              {(footer as any)[titulo.name]}
-            </td>
-          ))}
-        </tr>
-      </tfoot>
-    </table>
-  );
-};
+import { isNumeric } from "@zauru-sdk/common";
+import { GenericDynamicTableColumn } from "@zauru-sdk/types";
+
+//TABLA PARA LA IMPRESION:
+export const BasicTableHTML = (props: {
+  data: { [key: string]: string }[];
+  headers: GenericDynamicTableColumn[];
+  footer: { [key: string]: string };
+}) => {
+  const { data, footer, headers } = props;
+  return (
+    <table style={{ borderCollapse: "collapse", width: "100%" }}>
+      <thead>
+        <tr>
+          {headers?.map((titulo, index) => (
+            <th
+              key={index}
+              style={{
+                border: "1px solid black",
+                padding: "10px",
+                textAlign: "center",
+                whiteSpace: "normal",
+              }}
+            >
+              {titulo.label}
+            </th>
+          ))}
+        </tr>
+      </thead>
+      <tbody>
+        {data?.map((fila, index) => (
+          <tr key={index}>
+            {headers?.map((titulo, index) => (
+              <td
+                key={index}
+                style={{
+                  border: "1px solid black",
+                  padding: "1px",
+                  textAlign: "center",
+                  whiteSpace: "normal",
+                  fontSize: isNumeric((fila as any)[titulo.name])
+                    ? "2em"
+                    : "1em",
+                }}
+              >
+                {(fila as any)[titulo.name]}
+              </td>
+            ))}
+          </tr>
+        ))}
+      </tbody>
+      <tfoot>
+        <tr>
+          {headers?.map((titulo, index) => (
+            <td
+              key={index}
+              style={{
+                padding: "10px",
+                textAlign: "center",
+                whiteSpace: "normal",
+                fontSize: isNumeric((footer as any)[titulo.name])
+                  ? "2em"
+                  : "1em",
+              }}
+            >
+              {(footer as any)[titulo.name]}
+            </td>
+          ))}
+        </tr>
+      </tfoot>
+    </table>
+  );
+};