@telepix-lab/telepix-ui 0.3.3 → 0.3.5

package/dist/cjs/client.js

@@ -12651,11 +12651,12 @@ const TableCell = React.forwardRef(({ className, children, showTooltip, ...rest
 
 const DataTable = ({ config, data, emptyMessage, onRowClick, enableSelection = false, shouldLastBorderRender = true, classNames, refs, }) => {
     const [selectedRow, setSelectedRow] = React.useState(undefined);
-    const rowData = React.useMemo(() => {
-        return data.map((item) => ({
+    const [rowData, setRowData] = React.useState([]);
+    React.useEffect(() => {
+        setRowData(data.map((item) => ({
             ...item,
             randomId: crypto.randomUUID(),
-        }));
+        })));
     }, [data]);
     const handleRowClick = (item, randomId) => {
         if (enableSelection) {

package/dist/esm/client.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useLayoutEffect, forwardRef, createElement, createContext, useId as useId$1, useContext, useEffect, useMemo, useRef, useCallback } from 'react';
+import React__default, { useState, useLayoutEffect, forwardRef, createElement, createContext, useId as useId$1, useContext, useEffect, useRef, useCallback } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { DayPicker } from 'react-day-picker';
@@ -12325,14 +12325,14 @@ const HORIZONTAL_TAB_SIZES = {
     SMALL: "small",
 };
 
-const HorizontalTabContext = React__default.createContext({
+const HorizontalTabContext = createContext({
     value: "",
     disabled: false,
     setSelectedTab: () => { },
 });
-const HorizontalTabs = React__default.forwardRef(({ disabled, value, onValueChange, className, ...rest }, ref) => {
-    const [selectedTab, setSelectedTab] = React__default.useState(value || "");
-    React__default.useEffect(() => {
+const HorizontalTabs = forwardRef(({ disabled, value, onValueChange, className, ...rest }, ref) => {
+    const [selectedTab, setSelectedTab] = useState(value || "");
+    useEffect(() => {
         if (!onValueChange)
             return;
         onValueChange(selectedTab);
@@ -12343,8 +12343,8 @@ const HorizontalTabs = React__default.forwardRef(({ disabled, value, onValueChan
             setSelectedTab,
         }, children: jsx("div", { ref: ref, className: cn("flex items-center justify-start w-full", className), ...rest, children: rest.children }) }));
 });
-const HorizontalTab = React__default.forwardRef(({ value, label, className, icon, size = "regular", ...rest }, ref) => {
-    const { value: selectedTab, setSelectedTab, disabled, } = React__default.useContext(HorizontalTabContext);
+const HorizontalTab = forwardRef(({ value, label, className, icon, size = "regular", ...rest }, ref) => {
+    const { value: selectedTab, setSelectedTab, disabled, } = useContext(HorizontalTabContext);
     const isSelected = selectedTab === value;
     const isDisabled = disabled || rest.disabled;
     const handleClick = () => {
@@ -12631,11 +12631,12 @@ const TableCell = forwardRef(({ className, children, showTooltip, ...rest }, ref
 
 const DataTable = ({ config, data, emptyMessage, onRowClick, enableSelection = false, shouldLastBorderRender = true, classNames, refs, }) => {
     const [selectedRow, setSelectedRow] = useState(undefined);
-    const rowData = useMemo(() => {
-        return data.map((item) => ({
+    const [rowData, setRowData] = useState([]);
+    useEffect(() => {
+        setRowData(data.map((item) => ({
             ...item,
             randomId: crypto.randomUUID(),
-        }));
+        })));
     }, [data]);
     const handleRowClick = (item, randomId) => {
         if (enableSelection) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telepix-lab/telepix-ui",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "A UI kit for TelePIX",
   "types": "./dist/index.d.ts",
   "exports": {