@zauru-sdk/components 1.0.41 → 1.0.43

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.43](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.42...v1.0.43) (2024-03-31)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
+## [1.0.42](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.41...v1.0.42) (2024-03-31)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 ## [1.0.41](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.40...v1.0.41) (2024-03-26)
 
 **Note:** Version bump only for package @zauru-sdk/components

package/dist/Footer/Footer.js

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { LoadingInputSkeleton } from "../Skeletons/index.js";
 import { ConnectionState } from "./../ConnectionState/index.js";
 const COLORS = {
     purple: "bg-purple-500",
@@ -13,13 +11,6 @@ const COLORS = {
     sky: "bg-sky-500",
 };
 export const Footer = ({ href, selectedColor, showConnection = false, }) => {
-    const [client, setIsClient] = useState(false);
     const color = COLORS[selectedColor];
-    useEffect(() => {
-        setIsClient(true);
-    }, []);
-    if (!client) {
-        return _jsx(LoadingInputSkeleton, {});
-    }
     return (_jsx("footer", { className: `inset-x-0 bottom-0 px-2 py-[20px] ${color}`, children: _jsxs("div", { className: "px-4 mx-auto flex flex-wrap items-center justify-center", children: [_jsxs("p", { className: "text-white text-[1.2rem]", children: [`Creado en `, " ", _jsx("a", { href: href, children: "Zauru" }), " ", `con ❤️ ${new Date().getFullYear()} v.3.2`] }), showConnection && (_jsx("div", { className: "ml-5", children: _jsx(ConnectionState, {}) }))] }) }));
 };

package/dist/Form/DynamicBaculoForm/index.js

@@ -54,7 +54,7 @@ export function DynamicBaculoForm(props) {
             case "number":
                 return (_jsx(TextField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, defaultValue: defaultValue?.value ?? field.default_value, type: "number", disabled: readOnly }, field.id));
             case "yes_no":
-                return (_jsx(YesNo, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, disabled: readOnly, defaultValue: defaultValue?.value === "true" ?? field.default_value === "true" }, field.id));
+                return (_jsx(YesNo, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, disabled: readOnly, defaultValue: field.default_value === "true" || defaultValue?.value === "true" }, field.id));
             case "section":
                 return (_jsxs("div", { children: [_jsx(LineSeparator, {}), _jsx("h3", { className: "mb-10 text-3xl font-bold leading-8 text-gray-900", children: field.name })] }, field.id));
             case "multi_line_text":

package/dist/tailwind.config.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tailwind.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    content: ["./app/**/*.{ts,tsx,jsx,js}"],
+    theme: {
+        extend: {},
+    },
+    plugins: [require("@tailwindcss/forms")],
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,9 +12,13 @@
     "build": "tsc",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "Oscar Cuéllar",
+  "author": {
+    "name": "Oscar Cuellar",
+    "email": "usackoka@gmail.com"
+  },
   "license": "MIT",
   "devDependencies": {
+    "@tailwindcss/forms": "^0.5.7",
     "@types/jsonwebtoken": "^9.0.2",
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
@@ -25,6 +29,7 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.1.6"
   },
@@ -46,7 +51,7 @@
     "styled-components": "^5.3.5"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20"
   },
-  "gitHead": "f9fc0b69e21593f94a2ccab82ce7c97292065a05"
+  "gitHead": "384feb1d3d94e23bfd49b8e1fffc2fe184073903"
 }

package/src/Footer/Footer.tsx

@@ -1,5 +1,3 @@
-import React, { useEffect, useState } from "react";
-import { LoadingInputSkeleton } from "../Skeletons/index.js";
 import { ConnectionState } from "./../ConnectionState/index.js";
 
 type FooterProps = {
@@ -32,17 +30,8 @@ export const Footer = ({
   selectedColor,
   showConnection = false,
 }: FooterProps) => {
-  const [client, setIsClient] = useState(false);
   const color = COLORS[selectedColor];
 
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  if (!client) {
-    return <LoadingInputSkeleton />;
-  }
-
   return (
     <footer className={`inset-x-0 bottom-0 px-2 py-[20px] ${color}`}>
       <div className="px-4 mx-auto flex flex-wrap items-center justify-center">

package/src/Form/DynamicBaculoForm/index.tsx

@@ -179,7 +179,7 @@ export function DynamicBaculoForm(props: Props) {
             name={`${namesStr}${field.form_id}_${field.id}`}
             disabled={readOnly}
             defaultValue={
-              defaultValue?.value === "true" ?? field.default_value === "true"
+              field.default_value === "true" || defaultValue?.value === "true"
             }
           />
         );

package/src/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+  },
+};

package/src/tailwind.config.ts

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+import type { Config } from "tailwindcss";
+
+module.exports = {
+  content: ["./app/**/*.{ts,tsx,jsx,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/forms")],
+} satisfies Config;

package/src/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "include": ["env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["env.d.ts", "**/*.ts", "**/*.tsx", "**/*.css"],
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
     "lib": ["DOM", "DOM.Iterable", "ES2022"],