@zauru-sdk/components 1.0.35 → 1.0.37

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.37](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.36...v1.0.37) (2024-03-25)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
+## [1.0.36](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.35...v1.0.36) (2024-03-25)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 ## [1.0.35](https://github.com/intuitiva/zauru-typescript-sdk/compare/v1.0.34...v1.0.35) (2024-03-25)
 
 **Note:** Version bump only for package @zauru-sdk/components

package/dist/Chat/ChatLayout.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { TextField } from "../Form/TextField";
+import { TextField } from "../Form/TextField/index.js";
 import { Form } from "@remix-run/react";
 import { LoadingInputSkeleton } from "../Skeletons/LoadingInputSkeleton.js";
 import { AttachmentIconSVG, SendMessageIcon, SpinnerSvg, } from "@zauru-sdk/icons";

package/dist/DynamicTable/DynamicPrintTable.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useCallback, useState } from "react";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { SelectFieldWithoutValidation } from "../Form/SelectField";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { SelectFieldWithoutValidation } from "../Form/SelectField/index.js";
 import { useAppSelector } from "@zauru-sdk/redux";
 const errorAnimation = {
     hidden: { opacity: 0, y: -10 },

package/dist/DynamicTable/DynamicTable.js

@@ -1,8 +1,8 @@
 import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useState } from "react";
-import { TextAreaWithoutValidation } from "../Form/TextArea";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { CheckboxWithoutValidation } from "../Form/Checkbox";
+import { TextAreaWithoutValidation } from "../Form/TextArea/index.js";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { CheckboxWithoutValidation } from "../Form/Checkbox/index.js";
 export const DynamicTable = ({ forwardedRef, ...props }, ref) => {
     const [tableData, setTableData] = useState({});
     const { cellInputs, intersectionTitle, className, onChange, defaultValue, margins, } = props;

package/dist/DynamicTable/GenericDynamicTable.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { SelectFieldWithoutValidation } from "../Form/SelectField";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { CheckboxWithoutValidation } from "../Form/Checkbox";
-import { createModal } from "../Modal";
-import { Button } from "../Buttons/Button";
+import { SelectFieldWithoutValidation } from "../Form/SelectField/index.js";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { CheckboxWithoutValidation } from "../Form/Checkbox/index.js";
+import { createModal } from "../Modal/index.js";
+import { Button } from "../Buttons/index.js";
 import { useAppSelector } from "@zauru-sdk/redux";
 import { generateClientUUID } from "@zauru-sdk/common";
-import { LoadingInputSkeleton, WithTooltip } from "./../index";
+import { LoadingInputSkeleton } from "../Skeletons/index.js";
+import { WithTooltip } from "../WithTooltip/index.js";
 import { TrashSvg } from "@zauru-sdk/icons";
 const GenericDynamicTableErrorComponent = ({ name, formName, }) => {
     const { formValidations } = useAppSelector((state) => state.formValidation);

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 "./../ConnectionState";
+import { LoadingInputSkeleton } from "../Skeletons/index.js";
+import { ConnectionState } from "./../ConnectionState/index.js";
 const COLORS = {
     purple: "bg-purple-500",
     pink: "bg-pink-500",

package/dist/Form/Checklist/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckboxWithoutValidation } from "../Checkbox";
+import { CheckboxWithoutValidation } from "../Checkbox/index.js";
 export const Checklist = ({ items, onChange }) => {
     const handleCheckboxChange = (name, value) => {
         if (onChange) {

package/dist/Form/DynamicBaculoForm/index.js

@@ -1,16 +1,18 @@
 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 { 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 "../../DynamicTable/GenericDynamicTable";
+import { TextField, TextFieldWithoutValidation } from "../TextField/index.js";
+import { TripleFieldContainer } from "../FieldContainer/index.js";
+import { DoubleFieldContainer } from "../FieldContainer/index.js";
+import { YesNo } from "../YesNo/index.js";
+import { TextArea } from "../TextArea/index.js";
+import { SelectField } from "../SelectField/index.js";
+import { FileUploadField } from "../FileUpload/index.js";
+import { FormDatePicker } from "../DatePicker/index.js";
+import { FormTimePicker } from "../TimePicker/index.js";
+import { GenericDynamicTable } from "../../DynamicTable/GenericDynamicTable.js";
 import { getDepSelectOptions, getMunSelectOptions } from "@zauru-sdk/common";
+import { StaticAlert } from "../../Alerts/index.js";
+import { SubContainer } from "../../Containers/index.js";
+import { LineSeparator } from "../../LineSeparator/index.js";
 export function DynamicBaculoForm(props) {
     const { form, options = { showDescription: false, showTitle: false }, formName = "", namesStr = "", defaultValues = [], showingRules = [], readOnly = false, } = props;
     if (!form) {

package/dist/Form/FormLayout/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Form } from "@remix-run/react";
-import { ButtonSectionContainer } from "./../../index";
+import { ButtonSectionContainer } from "../../Containers/index.js";
 export const FormLayout = (props) => {
     const { title, children, buttons, method, formId } = props;
     return (_jsxs(Form, { id: formId, name: formId, method: method ?? "post", children: [title && (_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-3", children: title })), _jsxs("div", { className: "shadow sm:overflow-hidden sm:rounded-md", children: [_jsx("div", { className: "space-y-6 bg-white px-4 py-5 sm:p-6", children: children }), buttons && (_jsx(ButtonSectionContainer, { children: buttons }))] })] }, formId));

package/dist/Form/SelectField/index.js

@@ -3,7 +3,7 @@ import { IdeaIconSVG } from "@zauru-sdk/icons";
 import { useAppSelector } from "@zauru-sdk/redux";
 import { useEffect, useState } from "react";
 import Select, { components } from "react-select";
-import { LoadingInputSkeleton } from "./../../index";
+import { LoadingInputSkeleton } from "../../Skeletons/index.js";
 const Input = (props) => (_jsx(components.Input, { ...props, readOnly: props.selectProps.isReadOnly }));
 export const SelectFieldWithoutValidation = (props) => {
     const { id, name, title, defaultValue, defaultValueMulti = [], helpText, hint, options, onChange, onChangeMulti, isClearable = false, error = false, disabled = false, readOnly = false, isMulti = false, loading = false, className = "", onInputChange, } = props;

package/dist/NavBar/NavBar.d.ts

@@ -1,2 +1,2 @@
-import type { NavBarProps } from "./NavBar.types";
+import type { NavBarProps } from "./NavBar.types.js";
 export declare const NavBar: ({ title, loggedIn, items, selectedColor, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/NavBar/NavBar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { DropDownArrowSvgIcon, LogoutDropDownSvgIcon, MenuAlt4Svg, OpcionButtonSvgIcon, } from "@zauru-sdk/icons";
-import { COLORS } from "./NavBar.utils";
+import { COLORS } from "./NavBar.utils.js";
 import { Link } from "@remix-run/react";
 const DropDownLinkButton = ({ text, path, icon, buttonHover, }) => (_jsx(Link, { className: `block px-4 py-3 text-sm text-gray-600 capitalize transition-colors duration-200 transform dark:text-gray-300 ${buttonHover ?? ""} dark:hover:bg-gray-700 dark:hover:text-white`, to: path, prefetch: "none", children: _jsxs("div", { className: "mx-auto pt-2", children: [icon, _jsx("span", { children: text })] }) }));
 const OptionsDropDownButton = ({ color, options, name }) => {

package/dist/Wizards/StepWizard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { LoadingInputSkeleton } from "./../index";
+import { LoadingInputSkeleton } from "../Skeletons/index.js";
 export const StepWizardComponent = ({ steps, showStepName = false, loading = false, }) => {
     const [currentStep, setCurrentStep] = useState(0);
     if (loading) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,5 +48,5 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "gitHead": "c1ebda7692cc270d457c2a736e0ae1448fd6d12b"
+  "gitHead": "6ad39dc9a04eb356991e94b7ebe3a7d579615659"
 }

package/src/Chat/ChatLayout.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useState } from "react";
-import { TextField } from "../Form/TextField";
+import { TextField } from "../Form/TextField/index.js";
 import { Form } from "@remix-run/react";
 import { FormDocumentType } from "@zauru-sdk/types";
 import { LoadingInputSkeleton } from "../Skeletons/LoadingInputSkeleton.js";

package/src/DynamicTable/DynamicPrintTable.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useCallback, useState, type ReactNode } from "react";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { SelectFieldWithoutValidation } from "../Form/SelectField";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { SelectFieldWithoutValidation } from "../Form/SelectField/index.js";
 import type { SingleValue } from "react-select";
 import { useAppSelector } from "@zauru-sdk/redux";
 import { SelectFieldOption } from "@zauru-sdk/types";

package/src/DynamicTable/DynamicTable.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
-import { TextAreaWithoutValidation } from "../Form/TextArea";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { CheckboxWithoutValidation } from "../Form/Checkbox";
+import { TextAreaWithoutValidation } from "../Form/TextArea/index.js";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { CheckboxWithoutValidation } from "../Form/Checkbox/index.js";
 
 type Props = {
   cellInputs?: boolean;

package/src/DynamicTable/GenericDynamicTable.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from "react";
-import { SelectFieldWithoutValidation } from "../Form/SelectField";
-import { TextFieldWithoutValidation } from "../Form/TextField";
-import { CheckboxWithoutValidation } from "../Form/Checkbox";
-import { createModal } from "../Modal";
-import { Button } from "../Buttons/Button";
+import { SelectFieldWithoutValidation } from "../Form/SelectField/index.js";
+import { TextFieldWithoutValidation } from "../Form/TextField/index.js";
+import { CheckboxWithoutValidation } from "../Form/Checkbox/index.js";
+import { createModal } from "../Modal/index.js";
+import { Button } from "../Buttons/index.js";
 import {
   GenericDynamicTableColumn,
   RowDataType,
@@ -11,7 +11,8 @@ import {
 } from "@zauru-sdk/types";
 import { useAppSelector } from "@zauru-sdk/redux";
 import { generateClientUUID } from "@zauru-sdk/common";
-import { LoadingInputSkeleton, WithTooltip } from "./../index";
+import { LoadingInputSkeleton } from "../Skeletons/index.js";
+import { WithTooltip } from "../WithTooltip/index.js";
 import { TrashSvg } from "@zauru-sdk/icons";
 
 type Props = {

package/src/Footer/Footer.tsx

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

package/src/Form/Checklist/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { CheckboxWithoutValidation } from "../Checkbox";
+import { CheckboxWithoutValidation } from "../Checkbox/index.js";
 
 export type ChecklistItem = {
   id: string;

package/src/Form/DynamicBaculoForm/index.tsx

@@ -1,12 +1,12 @@
-import { TextField, TextFieldWithoutValidation } from "../TextField";
-import { TripleFieldContainer } from "../FieldContainer/TripleFieldContainer";
-import { DoubleFieldContainer } from "../FieldContainer/DoubleFieldContainer";
-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 { TextField, TextFieldWithoutValidation } from "../TextField/index.js";
+import { TripleFieldContainer } from "../FieldContainer/index.js";
+import { DoubleFieldContainer } from "../FieldContainer/index.js";
+import { YesNo } from "../YesNo/index.js";
+import { TextArea } from "../TextArea/index.js";
+import { SelectField } from "../SelectField/index.js";
+import { FileUploadField } from "../FileUpload/index.js";
+import { FormDatePicker } from "../DatePicker/index.js";
+import { FormTimePicker } from "../TimePicker/index.js";
 import {
   FormFieldGraphQL,
   FormGraphQL,
@@ -14,9 +14,11 @@ import {
   GenericDynamicTableColumn,
   SelectFieldOption,
 } from "@zauru-sdk/types";
-import { LineSeparator, StaticAlert, SubContainer } from "./../../index";
-import { GenericDynamicTable } from "../../DynamicTable/GenericDynamicTable";
+import { GenericDynamicTable } from "../../DynamicTable/GenericDynamicTable.js";
 import { getDepSelectOptions, getMunSelectOptions } from "@zauru-sdk/common";
+import { StaticAlert } from "../../Alerts/index.js";
+import { SubContainer } from "../../Containers/index.js";
+import { LineSeparator } from "../../LineSeparator/index.js";
 
 type Props = {
   formName?: string;

package/src/Form/FormLayout/index.tsx

@@ -1,6 +1,6 @@
 import { Form, type FormMethod } from "@remix-run/react";
 import { type ReactNode } from "react";
-import { ButtonSectionContainer } from "./../../index";
+import { ButtonSectionContainer } from "../../Containers/index.js";
 
 type Props = {
   formId: string;

package/src/Form/SelectField/index.tsx

@@ -4,7 +4,7 @@ import { SelectFieldOption } from "@zauru-sdk/types";
 import { useEffect, useState } from "react";
 import type { SingleValue, InputActionMeta } from "react-select";
 import Select, { components } from "react-select";
-import { LoadingInputSkeleton } from "./../../index";
+import { LoadingInputSkeleton } from "../../Skeletons/index.js";
 
 type Props = {
   id?: string;

package/src/NavBar/NavBar.tsx

@@ -5,14 +5,14 @@ import {
   MenuAlt4Svg,
   OpcionButtonSvgIcon,
 } from "@zauru-sdk/icons";
-import { COLORS } from "./NavBar.utils";
+import { COLORS } from "./NavBar.utils.js";
 import type {
   ColorInterface,
   DropDownLinkButtonType,
   EntityProps,
   NavBarProps,
   NavItemProps,
-} from "./NavBar.types";
+} from "./NavBar.types.js";
 import { Link } from "@remix-run/react";
 
 const DropDownLinkButton = ({

package/src/Titles/TitleH1.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 //H1 Title Component
 export const TitleH1 = ({ texto }: any) => {
   return (

package/src/Wizards/StepWizard.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React, { useState } from "react";
-import { LoadingInputSkeleton } from "./../index";
+import { LoadingInputSkeleton } from "../Skeletons/index.js";
 
 export type StepWizard = {
   index: number;