@zauru-sdk/components 1.0.20 → 1.0.22

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.22](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.21...v1.0.22) (2024-03-22)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
+## [1.0.21](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.20...v1.0.21) (2024-03-22)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 ## [1.0.20](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.19...v1.0.20) (2024-03-22)
 
 **Note:** Version bump only for package @zauru-sdk/components

package/dist/Chat/ChatLayout.d.ts

@@ -13,5 +13,5 @@ interface ChatLayoutProps {
         messageFieldId: number;
     };
 }
-declare const ChatLayout: React.FC<ChatLayoutProps>;
-export default ChatLayout;
+export declare const ChatLayout: React.FC<ChatLayoutProps>;
+export {};

package/dist/Chat/ChatLayout.js

@@ -4,7 +4,7 @@ import { TextField } from "../Form";
 import { Form } from "@remix-run/react";
 import { LoadingInputSkeleton } from "./../index";
 import { AttachmentIconSVG, SendMessageIcon, SpinnerSvg, } from "@zauru-sdk/icons";
-const ChatLayout = ({ children, sendingMessage = false, formConfig = undefined, }) => {
+export const ChatLayout = ({ children, sendingMessage = false, formConfig = undefined, }) => {
     const refAttachment = useRef(null);
     const [formValues, setFormValues] = useState({ image: null });
     const handleAttachmentClick = () => {
@@ -25,4 +25,3 @@ const ChatLayout = ({ children, sendingMessage = false, formConfig = undefined,
                             }
                         } })] })] }));
 };
-export default ChatLayout;

package/dist/ConnectionState/ConnectionState.d.ts

@@ -1,2 +1 @@
-declare const ConnectionState: () => import("react/jsx-runtime").JSX.Element;
-export default ConnectionState;
+export declare const ConnectionState: () => import("react/jsx-runtime").JSX.Element;

package/dist/ConnectionState/ConnectionState.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useIsOnline } from "@zauru-sdk/hooks";
-const ConnectionState = () => {
+export const ConnectionState = () => {
     const isOnline = useIsOnline();
     // Definir estilos
     const styles = {
@@ -19,4 +19,3 @@ const ConnectionState = () => {
     // Renderizar el estado de conexión
     return (_jsx("div", { style: styles.container, children: _jsx("p", { style: styles.text, children: isOnline ? "ONLINE ✅🌐" : "OFFLINE ❌🌐" }) }));
 };
-export default ConnectionState;

package/dist/Footer/Footer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { LoadingInputSkeleton } from "./../index";
-import ConnectionState from "src/ConnectionState/ConnectionState";
+import { ConnectionState } from "./../ConnectionState";
 const COLORS = {
     purple: "bg-purple-500",
     pink: "bg-pink-500",

package/dist/Form/DynamicBaculoForm/index.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TextField, TextFieldWithoutValidation } from "../TextField";
 import { TripleFieldContainer } from "../FieldContainer/TripleFieldContainer";
 import { DoubleFieldContainer } from "../FieldContainer/DoubleFieldContainer";
-import YesNo from "../YesNo";
+import { YesNo } from "../YesNo";
 import { TextArea } from "../TextArea";
 import { SelectField } from "../SelectField";
 import { FileUploadField } from "../FileUpload";
 import { FormDatePicker } from "../DatePicker";
 import { FormTimePicker } from "../TimePicker";
 import { LineSeparator, StaticAlert, SubContainer } from "./../../index";
-import { GenericDynamicTable } from "src/DynamicTable/GenericDynamicTable";
+import { GenericDynamicTable } from "../../DynamicTable/GenericDynamicTable";
 import { getDepSelectOptions, getMunSelectOptions } from "@zauru-sdk/common";
 export function DynamicBaculoForm(props) {
     const { form, options = { showDescription: false, showTitle: false }, formName = "", namesStr = "", defaultValues = [], showingRules = [], readOnly = false, } = props;

package/dist/Form/YesNo/index.d.ts

@@ -8,5 +8,5 @@ type Props = {
     onChange?: (value: boolean) => void;
     disabled?: boolean;
 };
-declare const YesNo: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default YesNo;
+export declare const YesNo: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Form/YesNo/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useAppSelector } from "@zauru-sdk/redux";
 import { useState } from "react";
-const YesNo = (props) => {
+export const YesNo = (props) => {
     const { id, name, title, defaultValue = false, helpText, onChange, disabled, } = props;
     const { formValidations } = useAppSelector((state) => state.formValidation);
     const error = formValidations[props.formName ?? "-1"]?.[props.name ?? "-1"];
@@ -16,4 +16,3 @@ const YesNo = (props) => {
     };
     return (_jsxs(_Fragment, { children: [_jsxs("label", { className: `relative inline-flex items-center cursor-pointer ${disabled ? "opacity-50" : ""}`, children: [_jsx("input", { type: "checkbox", id: id ?? name, name: name, checked: value, value: value.toString(), className: "sr-only peer", onChange: handleOnChange, disabled: disabled }), value.toString() === "false" && (_jsx("input", { type: "hidden", name: name, value: "false" })), _jsx("div", { className: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-blue-600" }), _jsx("span", { className: "ml-3 text-sm font-medium text-gray-900", children: title })] }), error && (_jsxs("p", { className: `mt-2 text-sm text-${color}-600 dark:text-${color}-500`, children: [_jsx("span", { className: "font-medium", children: "Oops!" }), " ", error] })), !error && helpText && (_jsx("p", { className: `mt-2 italic text-sm text-${color}-500 dark:text-${color}-400`, children: helpText }))] }));
 };
-export default YesNo;

package/dist/Zendesk/Chat.d.ts

@@ -10,5 +10,5 @@ interface ZendeskProps {
     };
     [key: string]: any;
 }
-declare const Zendesk: React.FC<ZendeskProps>;
-export default Zendesk;
+export declare const Zendesk: React.FC<ZendeskProps>;
+export {};

package/dist/Zendesk/Chat.js

@@ -23,7 +23,7 @@ export const ZendeskAPI = (...args) => {
         console.warn("Zendesk is not initialized yet");
     }
 };
-const Zendesk = (props) => {
+export const Zendesk = (props) => {
     const { defer, configuration, token, ...other } = props;
     useEffect(() => {
         const insertScript = () => {
@@ -61,4 +61,3 @@ const Zendesk = (props) => {
     }, [props, defer, other, configuration, token]);
     return null;
 };
-export default Zendesk;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,7 +25,6 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "react-data-table-component": "^7.4.7",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.1.6"
   },
@@ -33,13 +32,14 @@
     "@reduxjs/toolkit": "^2.2.1",
     "@remix-run/react": "^2.8.1",
     "@zauru-sdk/common": "^1.0.13",
-    "@zauru-sdk/hooks": "^1.0.20",
+    "@zauru-sdk/hooks": "^1.0.21",
     "@zauru-sdk/icons": "^1.0.19",
     "@zauru-sdk/types": "^1.0.13",
     "@zauru-sdk/utils": "^1.0.20",
     "framer-motion": "^11.0.8",
     "jsonwebtoken": "^9.0.2",
     "react": "^18.2.0",
+    "react-data-table-component": "^7.4.7",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
     "react-select": "^5.8.0",
@@ -48,5 +48,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "gitHead": "84391740f5024f39c8795e006bdb676d6808ed56"
+  "gitHead": "0a861e59f00b43930a6a568c047426824ae92fe2"
 }

package/src/Chat/ChatLayout.tsx

@@ -23,7 +23,7 @@ interface ChatLayoutProps {
   };
 }
 
-const ChatLayout: React.FC<ChatLayoutProps> = ({
+export const ChatLayout: React.FC<ChatLayoutProps> = ({
   children,
   sendingMessage = false,
   formConfig = undefined,
@@ -129,5 +129,3 @@ const ChatLayout: React.FC<ChatLayoutProps> = ({
     </div>
   );
 };
-
-export default ChatLayout;

package/src/ConnectionState/ConnectionState.tsx

@@ -1,6 +1,6 @@
 import { useIsOnline } from "@zauru-sdk/hooks";
 
-const ConnectionState = () => {
+export const ConnectionState = () => {
   const isOnline = useIsOnline();
 
   // Definir estilos
@@ -25,5 +25,3 @@ const ConnectionState = () => {
     </div>
   );
 };
-
-export default ConnectionState;

package/src/Footer/Footer.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { LoadingInputSkeleton } from "./../index";
-import ConnectionState from "src/ConnectionState/ConnectionState";
+import { ConnectionState } from "./../ConnectionState";
 
 type FooterProps = {
   href: string;

package/src/Form/DynamicBaculoForm/index.tsx

@@ -1,7 +1,7 @@
 import { TextField, TextFieldWithoutValidation } from "../TextField";
 import { TripleFieldContainer } from "../FieldContainer/TripleFieldContainer";
 import { DoubleFieldContainer } from "../FieldContainer/DoubleFieldContainer";
-import YesNo from "../YesNo";
+import { YesNo } from "../YesNo";
 import { TextArea } from "../TextArea";
 import { SelectField } from "../SelectField";
 import { FileUploadField } from "../FileUpload";
@@ -15,7 +15,7 @@ import {
   SelectFieldOption,
 } from "@zauru-sdk/types";
 import { LineSeparator, StaticAlert, SubContainer } from "./../../index";
-import { GenericDynamicTable } from "src/DynamicTable/GenericDynamicTable";
+import { GenericDynamicTable } from "../../DynamicTable/GenericDynamicTable";
 import { getDepSelectOptions, getMunSelectOptions } from "@zauru-sdk/common";
 
 type Props = {

package/src/Form/YesNo/index.tsx

@@ -12,7 +12,7 @@ type Props = {
   disabled?: boolean;
 };
 
-const YesNo = (props: Props) => {
+export const YesNo = (props: Props) => {
   const {
     id,
     name,
@@ -75,5 +75,3 @@ const YesNo = (props: Props) => {
     </>
   );
 };
-
-export default YesNo;

package/src/Zendesk/Chat.tsx

@@ -37,7 +37,7 @@ interface ZendeskProps {
   [key: string]: any; // Para propiedades adicionales que se pasen y se asignen a window.zESettings
 }
 
-const Zendesk: React.FC<ZendeskProps> = (props: ZendeskProps) => {
+export const Zendesk: React.FC<ZendeskProps> = (props: ZendeskProps) => {
   const { defer, configuration, token, ...other } = props;
 
   useEffect(() => {
@@ -81,5 +81,3 @@ const Zendesk: React.FC<ZendeskProps> = (props: ZendeskProps) => {
 
   return null;
 };
-
-export default Zendesk;