@zauru-sdk/components 2.32.4 → 6.0.0

package/CHANGELOG.md

@@ -3,6 +3,131 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0 (2026-05-14)
+
+
+### Features
+
+* pre-build ([3b84721](https://github.com/intuitiva/zauru-typescript-sdk/commit/3b847215ea45cfb47ff742d06b3f4a1f0a019de9))
+
+
+
+## 5.0.3 (2026-05-13)
+
+
+
+## 5.0.2 (2026-05-13)
+
+
+### Bug Fixes
+
+* **publish:** explicit npmjs registry, lerna flags, and workspace protocol sync ([fd57ef3](https://github.com/intuitiva/zauru-typescript-sdk/commit/fd57ef30ffb91021e54bc9e078be794a4f4acfe5))
+
+
+
+## 5.0.1 (2026-05-13)
+
+
+
+# 5.0.0 (2026-05-13)
+
+
+### Bug Fixes
+
+* use workspace:^ for internal @zauru-sdk/webapp-* dependencies ([35ff200](https://github.com/intuitiva/zauru-typescript-sdk/commit/35ff200378dee1928e04bcf4327aa1490ecb3792))
+
+
+* feat!: move packages to packages/webapp and rename to @zauru-sdk/webapp-* ([64ca702](https://github.com/intuitiva/zauru-typescript-sdk/commit/64ca702ba340e15a9e6585ca856130f649ac2ef3))
+
+
+### BREAKING CHANGES
+
+* Published package names are now @zauru-sdk/webapp-<name>
+(e.g. @zauru-sdk/webapp-services). Workspace layout is packages/webapp/*.
+Monorepo version set to 3.0.0.
+
+Co-authored-by: Cursor <cursoragent@cursor.com>
+
+
+
+
+
+## [5.0.3](https://github.com/intuitiva/zauru-typescript-sdk/compare/v5.0.2...v5.0.3) (2026-05-13)
+
+**Note:** Version bump only for package @zauru-sdk/webapp-components
+
+
+
+
+
+## [5.0.2](https://github.com/intuitiva/zauru-typescript-sdk/compare/v5.0.1...v5.0.2) (2026-05-13)
+
+
+### Bug Fixes
+
+* **publish:** explicit npmjs registry, lerna flags, and workspace protocol sync ([fd57ef3](https://github.com/intuitiva/zauru-typescript-sdk/commit/fd57ef30ffb91021e54bc9e078be794a4f4acfe5))
+
+
+
+
+
+## [5.0.1](https://github.com/intuitiva/zauru-typescript-sdk/compare/v5.0.0...v5.0.1) (2026-05-13)
+
+**Note:** Version bump only for package @zauru-sdk/webapp-components
+
+
+
+
+
+# [5.0.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.33.0...v5.0.0) (2026-05-13)
+
+
+### Bug Fixes
+
+* use workspace:^ for internal @zauru-sdk/webapp-* dependencies ([35ff200](https://github.com/intuitiva/zauru-typescript-sdk/commit/35ff200378dee1928e04bcf4327aa1490ecb3792))
+
+
+* feat!: move packages to packages/webapp and rename to @zauru-sdk/webapp-* ([64ca702](https://github.com/intuitiva/zauru-typescript-sdk/commit/64ca702ba340e15a9e6585ca856130f649ac2ef3))
+
+
+### BREAKING CHANGES
+
+* Published package names are now @zauru-sdk/webapp-<name>
+(e.g. @zauru-sdk/webapp-services). Workspace layout is packages/webapp/*.
+Monorepo version set to 3.0.0.
+
+Co-authored-by: Cursor <cursoragent@cursor.com>
+
+
+
+
+
+# [4.0.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.33.0...v4.0.0) (2026-05-13)
+
+
+* feat!: move packages to packages/webapp and rename to @zauru-sdk/webapp-* ([64ca702](https://github.com/intuitiva/zauru-typescript-sdk/commit/64ca702ba340e15a9e6585ca856130f649ac2ef3))
+
+
+### BREAKING CHANGES
+
+* Published package names are now @zauru-sdk/webapp-<name>
+(e.g. @zauru-sdk/webapp-services). Workspace layout is packages/webapp/*.
+Monorepo version set to 3.0.0.
+
+Co-authored-by: Cursor <cursoragent@cursor.com>
+
+
+
+
+
+# [2.33.0](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.32.4...v2.33.0) (2026-05-12)
+
+**Note:** Version bump only for package @zauru-sdk/components
+
+
+
+
+
 ## [2.32.4](https://github.com/intuitiva/zauru-typescript-sdk/compare/v2.32.3...v2.32.4) (2026-05-12)
 
 **Note:** Version bump only for package @zauru-sdk/components

package/dist/esm/DynamicTable/DynamicPrintTable.js

@@ -121,8 +121,8 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }) => {
                                         addRow();
                                     }, type: "button", children: "+" }) }), _jsxs("td", { colSpan: 2, children: ["Total de etiquetas a imprimir:", " ", tableData?.reduce((sum, x) => {
                                         const val = React.isValidElement(x[1])
-                                            ? x[1]?.props?.defaultValue
-                                            : undefined;
+                                            ? (x[1]?.props?.defaultValue ?? 0)
+                                            : 0;
                                         if (!sum)
                                             return val;
                                         return sum + val;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@zauru-sdk/components",
-  "version": "2.32.4",
+  "version": "6.0.0",
   "description": "Componentes reutilizables en las WebApps de Zauru.",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
     "build": "npm run build:esm",
@@ -23,8 +24,8 @@
     "@tailwindcss/forms": "^0.5.7",
     "@types/jsonwebtoken": "^9.0.2",
     "@types/rails__activestorage": "^7.1.1",
-    "@types/react": "^18.2.20",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/styled-components": "^5.1.34",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
@@ -34,14 +35,16 @@
     "@hookform/resolvers": "^3.9.0",
     "@rails/activestorage": "^8.0.200",
     "@reduxjs/toolkit": "^2.2.1",
+    "@remix-run/node": "^2.8.1",
     "@remix-run/react": "^2.8.1",
-    "@zauru-sdk/common": "^2.32.3",
-    "@zauru-sdk/hooks": "^2.32.4",
-    "@zauru-sdk/icons": "^2.32.0",
-    "@zauru-sdk/types": "^2.32.3",
-    "@zauru-sdk/utils": "^2.32.3",
+    "@zauru-sdk/common": "^6.0.0",
+    "@zauru-sdk/hooks": "^6.0.0",
+    "@zauru-sdk/icons": "^6.0.0",
+    "@zauru-sdk/redux": "^6.0.0",
+    "@zauru-sdk/types": "^6.0.0",
+    "@zauru-sdk/utils": "^6.0.0",
     "browser-image-compression": "^2.0.2",
-    "framer-motion": "^11.7.0",
+    "framer-motion": "^12.0.0",
     "jsonwebtoken": "^9.0.2",
     "react": "^18.2.0",
     "react-data-table-component": "^7.6.2",
@@ -52,5 +55,5 @@
     "styled-components": "^5.3.5",
     "zod": "^3.23.8"
   },
-  "gitHead": "2e43f7898ae8b560f36a386b10872e9e41c98b20"
+  "gitHead": "32fe3db68a20bc4bfec9b59db37bd1bf221acc34"
 }

package/src/DynamicTable/DynamicPrintTable.tsx

@@ -23,7 +23,7 @@ type Props = {
   forwardedRef?: React.RefObject<{
     insertItems: (items: FormatedItem[]) => void;
     getTableState: (
-      updatedData?: ReactNode[][]
+      updatedData?: ReactNode[][],
     ) => TableStateItem[] | undefined;
   }>;
 };
@@ -39,7 +39,7 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
 
   const createItemSelect = (
     rowIndex: number,
-    defaultValue?: SelectFieldOption
+    defaultValue?: SelectFieldOption,
   ) => (
     <SelectField
       key={rowIndex}
@@ -77,13 +77,13 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
   const createRow = (
     rowIndex: number,
     item?: FormatedItem,
-    quantity?: number
+    quantity?: number,
   ) => {
     const itemCreated = createItemSelect(rowIndex, item ?? undefined);
     const quantityCreated = createItemQuantity(rowIndex, quantity ?? 1);
     const templateCreated = createTemplateName(
       rowIndex,
-      item ? item.template : "Seleccione un item para visualizar su etiqueta."
+      item ? item.template : "Seleccione un item para visualizar su etiqueta.",
     );
     return [itemCreated, quantityCreated, templateCreated];
   };
@@ -99,26 +99,30 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
           const rowIndex = (prevData?.length ?? 0) + index;
           const [itemCreated, quantityCreated, templateCreated] = createRow(
             rowIndex,
-            item
+            item,
           );
           updateRow(rowIndex, item, 1);
           return [itemCreated, quantityCreated, templateCreated];
         }),
       ]);
     },
-    [items]
+    [items],
   );
 
   const getTableState = (temp?: ReactNode[][]) => {
     const updatedData = temp ?? tableData;
     const tableState = updatedData?.map((rowData) => {
       const firstElement = rowData[0];
-      const item_id = React.isValidElement(firstElement)
+      const item_id = React.isValidElement<{
+        defaultValue?: { value?: string };
+      }>(firstElement)
         ? firstElement.props.defaultValue?.value
         : undefined;
 
       const secondElement = rowData[1];
-      const quantity = React.isValidElement(secondElement)
+      const quantity = React.isValidElement<{ defaultValue?: number }>(
+        secondElement,
+      )
         ? secondElement.props.defaultValue
         : undefined;
 
@@ -133,7 +137,7 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
   const updateRow = (
     rowIndex: number,
     item?: FormatedItem,
-    quantity?: number
+    quantity?: number,
   ) => {
     setTableData((prevData) => {
       const updatedData = prevData?.map((_, index) => {
@@ -141,18 +145,20 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
           const firstElement = prevData[index][0];
           const selectedItem =
             item ??
-            (React.isValidElement(firstElement)
+            (React.isValidElement<{ defaultValue?: { value?: number } }>(
+              firstElement,
+            )
               ? items?.find(
-                  (x) => x.value === firstElement.props.defaultValue?.value
+                  (x) => x.value === firstElement.props.defaultValue?.value,
                 )
               : undefined);
 
           const secondElement = prevData[index][1];
           const newQuantity = quantity
             ? quantity
-            : React.isValidElement(secondElement)
-            ? secondElement.props.defaultValue
-            : undefined;
+            : React.isValidElement<{ defaultValue?: number }>(secondElement)
+              ? secondElement.props.defaultValue
+              : undefined;
 
           return createRow(rowIndex, selectedItem, newQuantity);
         } else {
@@ -179,7 +185,7 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
 
   const removeRow = (rowIndex: number) => {
     setTableData((prevData) =>
-      prevData?.filter((_, index) => index !== rowIndex)
+      prevData?.filter((_, index) => index !== rowIndex),
     );
   };
 
@@ -213,7 +219,7 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
           <button
             className="bg-red-500 hover:bg-red-600 font-bold py-1 px-2 rounded ml-2"
             onClick={(
-              event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+              event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
             ) => {
               event.preventDefault();
               event.stopPropagation();
@@ -255,7 +261,7 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
               <button
                 className="bg-blue-500 hover:bg-blue-600 font-bold py-2 px-4 rounded"
                 onClick={(
-                  event: React.MouseEvent<HTMLButtonElement, MouseEvent>
+                  event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
                 ) => {
                   event.preventDefault();
                   event.stopPropagation();
@@ -269,9 +275,11 @@ export const DynamicPrintTable = ({ forwardedRef, ...props }: Props) => {
             <td colSpan={2}>
               Total de etiquetas a imprimir:{" "}
               {tableData?.reduce((sum, x) => {
-                const val = React.isValidElement(x[1])
-                  ? x[1]?.props?.defaultValue
-                  : undefined;
+                const val = React.isValidElement<{ defaultValue?: number }>(
+                  x[1],
+                )
+                  ? (x[1]?.props?.defaultValue ?? 0)
+                  : 0;
                 if (!sum) return val;
                 return sum + val;
               }, 0)}

package/dist/Tooltip/Tooltip.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    text: string;
-};
-export declare const Tooltip: ({ children, text }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export * from "./Tooltip.js";

package/dist/WithTooltip/WithTooltip.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = {
-    children: React.ReactNode;
-    text: string;
-};
-export declare const WithTooltip: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/WithTooltip/index.d.ts

@@ -1 +0,0 @@
-export * from "./WithTooltip.js";

package/dist/esm/Tooltip/Tooltip.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-export const Tooltip = ({ children, text }) => {
-    const [show, setShow] = useState(false);
-    return (_jsxs("div", { className: "relative inline-block", children: [_jsx("div", { onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false), children: children }), show && (_jsxs("div", { className: "absolute z-10 bg-gray-700 text-white px-2 py-1 rounded-md bottom-full left-1/2 transform -translate-x-1/2", style: { whiteSpace: "nowrap", height: "2rem" }, children: [text, _jsx("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2", style: {
-                            width: "0",
-                            height: "0",
-                            borderTop: "6px solid transparent",
-                            borderLeft: "6px solid transparent",
-                            borderRight: "6px solid transparent",
-                            borderBottom: "6px solid gray",
-                        } })] }))] }));
-};

package/dist/esm/Tooltip/index.js

@@ -1 +0,0 @@
-export * from "./Tooltip.js";

package/dist/esm/WithTooltip/WithTooltip.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const WithTooltip = (props) => {
-    const { children, text } = props;
-    return (_jsxs("div", { className: "group relative inline-block", children: [children, _jsx("div", { className: "pointer-events-none absolute left-1/2 -translate-x-1/2 bottom-full mb-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: _jsxs("div", { className: "relative bg-black text-white text-sm rounded py-1 px-2 text-wrap w-40", children: [text, _jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-black" })] }) })] }));
-};

package/dist/esm/WithTooltip/index.js

@@ -1 +0,0 @@
-export * from "./WithTooltip.js";