@tecsinapse/react-web-kit 3.4.21 → 3.5.1-beta.0

package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js

@@ -1,8 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Icon } from '@tecsinapse/react-core';
 import Input from '../../../../atoms/Input/Input.js';
 
-const InputIcon = /* @__PURE__ */ React__default.createElement(
+const InputIcon = /* @__PURE__ */ jsx(
   Icon,
   {
     name: "magnify",
@@ -12,7 +13,7 @@ const InputIcon = /* @__PURE__ */ React__default.createElement(
   }
 );
 const SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Input,
     {
       style: fullWidth,

package/dist/esm/components/molecules/Select/Select.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { PressableInputContainer, Text, Hint } from '@tecsinapse/react-core';
 import React__default, { useState, useId, useEffect, useMemo } from 'react';
 import { Transition } from 'react-transition-group';
@@ -34,7 +35,7 @@ const Select = ({
   const refDropDown = React__default.useRef(null);
   const transitionRef = React__default.useRef(null);
   useClickAwayListener(refDropDown, setDropDownVisible);
-  const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { text: hint, variant });
+  const _hint = hintComponent || /* @__PURE__ */ jsx(Hint, { text: hint, variant });
   const instanceid = useId();
   useEffect(() => {
     if (typeof options !== "function") {
@@ -106,7 +107,7 @@ const Select = ({
     [setDropDownVisible]
   );
   const RightComponent = useMemo(
-    () => /* @__PURE__ */ React__default.createElement(
+    () => /* @__PURE__ */ jsx(
       StyledIconComponent,
       {
         name: "chevron-down",
@@ -117,52 +118,56 @@ const Select = ({
     ),
     [disabled]
   );
-  return /* @__PURE__ */ React__default.createElement(StyledContainer, { ref: refDropDown, ...rest }, /* @__PURE__ */ React__default.createElement(StyledInputContainer, { onFocus: handlePressInput }, /* @__PURE__ */ React__default.createElement(
-    PressableInputContainer,
-    {
-      label: _label,
-      onPress,
-      disabled,
-      rightComponent: RightComponent
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Text,
-      {
-        ...displayTextProps,
-        colorTone: _valueColorTone,
-        colorVariant: _valueColorVariant,
-        fontWeight: "bold"
-      },
-      displayValue
-    )
-  )), /* @__PURE__ */ React__default.createElement(StyledHintContainer, null, _hint), /* @__PURE__ */ React__default.createElement(
-    Transition,
-    {
-      in: dropDownVisible,
-      timeout: 300,
-      nodeRef: transitionRef,
-      key: instanceid
-    },
-    (state) => /* @__PURE__ */ React__default.createElement(
-      Dropdown,
+  return /* @__PURE__ */ jsxs(StyledContainer, { ref: refDropDown, ...rest, children: [
+    /* @__PURE__ */ jsx(StyledInputContainer, { onFocus: handlePressInput, children: /* @__PURE__ */ jsx(
+      PressableInputContainer,
       {
-        ref: transitionRef,
-        options: selectOptions ?? [],
-        onSelect,
-        value,
-        type,
-        keyExtractor,
-        labelExtractor,
-        hideSearchBar,
-        searchBarPlaceholder,
-        onSearch: handleOnSearch,
-        style: { ...defaultStyles, ...transition[anchor][state] },
-        setDropDownVisible,
-        anchor,
-        selectAllLabel
+        label: _label,
+        onPress,
+        disabled,
+        rightComponent: RightComponent,
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            ...displayTextProps,
+            colorTone: _valueColorTone,
+            colorVariant: _valueColorVariant,
+            fontWeight: "bold",
+            children: displayValue
+          }
+        )
       }
+    ) }),
+    /* @__PURE__ */ jsx(StyledHintContainer, { children: _hint }),
+    /* @__PURE__ */ jsx(
+      Transition,
+      {
+        in: dropDownVisible,
+        timeout: 300,
+        nodeRef: transitionRef,
+        children: (state) => /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            ref: transitionRef,
+            options: selectOptions ?? [],
+            onSelect,
+            value,
+            type,
+            keyExtractor,
+            labelExtractor,
+            hideSearchBar,
+            searchBarPlaceholder,
+            onSearch: handleOnSearch,
+            style: { ...defaultStyles, ...transition[anchor][state] },
+            setDropDownVisible,
+            anchor,
+            selectAllLabel
+          }
+        )
+      },
+      instanceid
     )
-  ));
+  ] });
 };
 
 export { Select as default };

package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Checkbox, Text } from '@tecsinapse/react-core';
 import { ContainerItemSelect, StyledContainerTextLabel, StyledSpan } from './styled.js';
@@ -60,7 +61,10 @@ const SelectItem = ({
     },
     [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]
   );
-  return /* @__PURE__ */ React__default.createElement(ContainerItemSelect, { onClick: () => clickItem(item, value) }, isMulti && /* @__PURE__ */ React__default.createElement(Checkbox, { checked, onChange: () => clickItem(item, value) }), /* @__PURE__ */ React__default.createElement(StyledContainerTextLabel, null, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold", ellipsizeMode: "tail", numberOfLines: 1 }, /* @__PURE__ */ React__default.createElement(StyledSpan, { singleHighligh: type === "single" && value === item }, labelExtractor(item)))));
+  return /* @__PURE__ */ jsxs(ContainerItemSelect, { onClick: () => clickItem(item, value), children: [
+    isMulti && /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => clickItem(item, value) }),
+    /* @__PURE__ */ jsx(StyledContainerTextLabel, { children: /* @__PURE__ */ jsx(Text, { fontWeight: "bold", ellipsizeMode: "tail", numberOfLines: 1, children: /* @__PURE__ */ jsx(StyledSpan, { singleHighligh: type === "single" && value === item, children: labelExtractor(item) }) }) })
+  ] });
 };
 var ItemSelect = React__default.memo(SelectItem);
 

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -1,5 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
 import { Text } from '@tecsinapse/react-core';
-import React__default from 'react';
 import { SnackbarStyled } from './styled.js';
 
 const Snackbar = ({
@@ -7,7 +7,7 @@ const Snackbar = ({
   textProps = { colorVariant: "primary", colorTone: "medium" },
   ...rest
 }) => {
-  return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest, showProgressBar: false }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold", typography: "base", ...textProps }, value));
+  return /* @__PURE__ */ jsx(SnackbarStyled, { ...rest, showProgressBar: false, children: /* @__PURE__ */ jsx(Text, { fontWeight: "bold", typography: "base", ...textProps, children: value }) });
 };
 
 export { Snackbar as default };

package/dist/esm/components/molecules/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useInputFocus, TextArea as TextArea$1, Text } from '@tecsinapse/react-core';
 import { StyledWebInput } from './styled.js';
 
@@ -33,7 +33,7 @@ const TextArea = ({
     onBlur,
     !disabled
   );
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     TextArea$1,
     {
       label,
@@ -57,23 +57,23 @@ const TextArea = ({
       hint,
       style,
       TextComponent: Text,
-      maxLength
-    },
-    /* @__PURE__ */ React__default.createElement(
-      StyledWebInput,
-      {
-        ...rest,
-        fontStack: inputFontStack,
-        fontWeight: inputFontWeight,
-        disabled,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        textAlignVertical: "top",
-        multiline: true,
-        value,
-        maxLength
-      }
-    )
+      maxLength,
+      children: /* @__PURE__ */ jsx(
+        StyledWebInput,
+        {
+          ...rest,
+          fontStack: inputFontStack,
+          fontWeight: inputFontWeight,
+          disabled,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          textAlignVertical: "top",
+          multiline: true,
+          value,
+          maxLength
+        }
+      )
+    }
   );
 };
 

package/dist/esm/components/organisms/DataGrid/DataGrid.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import TBody from '../../atoms/Table/Body/TBody.js';
 import Td from '../../atoms/Table/Cell/Td.js';
@@ -67,55 +68,62 @@ const DataGrid = ({
     },
     [onSelectedRows, rowKeyExtractor]
   );
-  return /* @__PURE__ */ React__default.createElement(TableContainer, { ...rest }, /* @__PURE__ */ React__default.createElement(
-    TableToolbar,
-    {
-      title: toolbarTitle,
-      rightIcons: toolbarRightIcons,
-      footer: toolbarFooter
-    }
-  ), /* @__PURE__ */ React__default.createElement(Table, null, /* @__PURE__ */ React__default.createElement(
-    Header,
-    {
-      selectable,
-      headers,
-      data,
-      rowsCount: rowsCount ?? data.length,
-      rowKeyExtractor,
-      selectedRows,
-      onSelected: onSelectedRows
-    }
-  ), !loading ? /* @__PURE__ */ React__default.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
-    (item) => /* @__PURE__ */ React__default.createElement(
-      Row,
+  return /* @__PURE__ */ jsxs(TableContainer, { ...rest, children: [
+    /* @__PURE__ */ jsx(
+      TableToolbar,
       {
-        key: rowKeyExtractor(item),
-        rowKeyExtractor,
-        handleSelect,
-        selectable,
-        headers,
-        data: item,
-        checked: selectedRows?.some(
-          (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
-        )
+        title: toolbarTitle,
+        rightIcons: toolbarRightIcons,
+        footer: toolbarFooter
       }
-    )
-  ) : /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", { colSpan: 99 }, emptyPlaceholder))) : /* @__PURE__ */ React__default.createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React__default.createElement(Tr, { key: `skeleton-${idx}` }, /* @__PURE__ */ React__default.createElement(Td, { colSpan: 99, style: { padding: 0 } }, skeletonComponent ?? /* @__PURE__ */ React__default.createElement(Skeleton, { height: 55, radius: "mili", animation: "wave" }, /* @__PURE__ */ React__default.createElement("div", { style: { width: "100%" } })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React__default.createElement(
-    Footer,
-    {
-      exportFunction,
-      exportLabel,
-      rowsPerPageLabel,
-      rowsPerPage,
-      onRowsPerPageChange,
-      rowsPerPageOptions,
-      rowsCount: rowsCount ?? data.length,
-      page,
-      onPageChange,
-      pagination,
-      exportComponent
-    }
-  )));
+    ),
+    /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          selectable,
+          headers,
+          data,
+          rowsCount: rowsCount ?? data.length,
+          rowKeyExtractor,
+          selectedRows,
+          onSelected: onSelectedRows
+        }
+      ),
+      !loading ? /* @__PURE__ */ jsx(TBody, { children: data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
+        (item) => /* @__PURE__ */ jsx(
+          Row,
+          {
+            rowKeyExtractor,
+            handleSelect,
+            selectable,
+            headers,
+            data: item,
+            checked: selectedRows?.some(
+              (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
+            )
+          },
+          rowKeyExtractor(item)
+        )
+      ) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 99, children: emptyPlaceholder }) }) }) : /* @__PURE__ */ jsx(TBody, { children: [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 99, style: { padding: 0 }, children: skeletonComponent ?? /* @__PURE__ */ jsx(Skeleton, { height: 55, radius: "mili", animation: "wave", children: /* @__PURE__ */ jsx("div", { style: { width: "100%" } }) }) }) }, `skeleton-${idx}`)) }),
+      (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ jsx(
+        Footer,
+        {
+          exportFunction,
+          exportLabel,
+          rowsPerPageLabel,
+          rowsPerPage,
+          onRowsPerPageChange,
+          rowsPerPageOptions,
+          rowsCount: rowsCount ?? data.length,
+          page,
+          onPageChange,
+          pagination,
+          exportComponent
+        }
+      )
+    ] })
+  ] });
 };
 
 export { DataGrid as default };

package/dist/esm/components/organisms/DataGrid/Footer/Footer.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Button from '../../../atoms/Button/Button.js';
 import { Text, Icon } from '@tecsinapse/react-core';
@@ -51,63 +52,77 @@ const Footer = ({
   );
   const currentInitItem = page * rowsPerPage + 1;
   const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
-  return /* @__PURE__ */ React__default.createElement(TFoot, null, /* @__PURE__ */ React__default.createElement(Tr, null, /* @__PURE__ */ React__default.createElement(TdFooterStyled, { colSpan: 99 }, /* @__PURE__ */ React__default.createElement(FooterContainer, null, /* @__PURE__ */ React__default.createElement(FooterContainerStart, null, pagination && /* @__PURE__ */ React__default.createElement(SelectContainer, null, /* @__PURE__ */ React__default.createElement(
-    Select,
-    {
-      options: rowsPerPageOptions,
-      onSelect: handleRowsPerPage,
-      value: rowsPerPage,
-      type: "single",
-      keyExtractor: (value) => String(value),
-      labelExtractor: rowsPerPageLabel,
-      anchor: "top"
-    }
-  )), exportComponent && !exportFunction && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React__default.createElement(HoveredText, null, /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onPress: () => exportFunction() }, /* @__PURE__ */ React__default.createElement(Text, { fontColor: "orange", fontWeight: "bold" }, exportLabel)))), pagination && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    TextPagination,
-    {
-      fontWeight: "bold",
-      fontColor: "medium"
-    },
-    `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`
-  ), /* @__PURE__ */ React__default.createElement(FooterContainerEnd, null, /* @__PURE__ */ React__default.createElement(
-    NavigationButton,
-    {
-      onPress: () => onPageChange?.(page - 1),
-      disabled: page === 0
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        name: "chevron-left",
-        type: "material-community",
-        fontColor: "light"
-      }
-    )
-  ), /* @__PURE__ */ React__default.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
-    getPaginationSlice().start,
-    getPaginationSlice().end
-  ).map((value) => /* @__PURE__ */ React__default.createElement(HoveredText, { key: `page-${value}` }, /* @__PURE__ */ React__default.createElement(
-    PageButton,
-    {
-      variant: page === value ? "outlined" : "text",
-      onPress: () => onPageChange?.(value)
-    },
-    /* @__PURE__ */ React__default.createElement(Text, { fontColor: "medium", fontWeight: "bold" }, value + 1)
-  )))), /* @__PURE__ */ React__default.createElement(
-    NavigationButton,
-    {
-      onPress: () => onPageChange?.(page + 1),
-      disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        name: "chevron-right",
-        type: "material-community",
-        fontColor: "light"
-      }
-    )
-  )))))));
+  return /* @__PURE__ */ jsx(TFoot, { children: /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(TdFooterStyled, { colSpan: 99, children: /* @__PURE__ */ jsxs(FooterContainer, { children: [
+    /* @__PURE__ */ jsxs(FooterContainerStart, { children: [
+      pagination && /* @__PURE__ */ jsx(SelectContainer, { children: /* @__PURE__ */ jsx(
+        Select,
+        {
+          options: rowsPerPageOptions,
+          onSelect: handleRowsPerPage,
+          value: rowsPerPage,
+          type: "single",
+          keyExtractor: (value) => String(value),
+          labelExtractor: rowsPerPageLabel,
+          anchor: "top"
+        }
+      ) }),
+      exportComponent && !exportFunction && /* @__PURE__ */ jsx(Fragment, { children: exportComponent }),
+      exportFunction && /* @__PURE__ */ jsx(HoveredText, { children: /* @__PURE__ */ jsx(Button, { variant: "outlined", onPress: () => exportFunction(), children: /* @__PURE__ */ jsx(Text, { fontColor: "orange", fontWeight: "bold", children: exportLabel }) }) })
+    ] }),
+    pagination && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        TextPagination,
+        {
+          fontWeight: "bold",
+          fontColor: "medium",
+          children: `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`
+        }
+      ),
+      /* @__PURE__ */ jsxs(FooterContainerEnd, { children: [
+        /* @__PURE__ */ jsx(
+          NavigationButton,
+          {
+            onPress: () => onPageChange?.(page - 1),
+            disabled: page === 0,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: "chevron-left",
+                type: "material-community",
+                fontColor: "light"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(PagesContainer, { children: [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+          getPaginationSlice().start,
+          getPaginationSlice().end
+        ).map((value) => /* @__PURE__ */ jsx(HoveredText, { children: /* @__PURE__ */ jsx(
+          PageButton,
+          {
+            variant: page === value ? "outlined" : "text",
+            onPress: () => onPageChange?.(value),
+            children: /* @__PURE__ */ jsx(Text, { fontColor: "medium", fontWeight: "bold", children: value + 1 })
+          }
+        ) }, `page-${value}`)) }),
+        /* @__PURE__ */ jsx(
+          NavigationButton,
+          {
+            onPress: () => onPageChange?.(page + 1),
+            disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: "chevron-right",
+                type: "material-community",
+                fontColor: "light"
+              }
+            )
+          }
+        )
+      ] })
+    ] })
+  ] }) }) }) });
 };
 var Footer$1 = React__default.memo(Footer);
 

package/dist/esm/components/organisms/DataGrid/Footer/styled.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import styled$1 from '@emotion/native';
 import { Text } from '@tecsinapse/react-core';
-import 'react';
+import 'react/jsx-runtime';
 import Td from '../../../atoms/Table/Cell/Td.js';
 import '../../../atoms/Table/Container/styled.js';
 import '../../../atoms/Table/Footer/styled.js';
@@ -10,6 +10,7 @@ import '../../../atoms/Table/Row/styled.js';
 import '../../../atoms/Table/Toolbar/styled.js';
 import '../../../atoms/Table/styled.js';
 import Button from '../../../atoms/Button/Button.js';
+import 'react';
 
 const TdFooterStyled = styled(Td)`
   padding: ${({ theme }) => theme.spacing.centi} 0 0 0;

package/dist/esm/components/organisms/DataGrid/Header/Header.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Checkbox, PressableSurface, Icon } from '@tecsinapse/react-core';
 import '../../../atoms/Table/Cell/styled.js';
@@ -52,31 +53,36 @@ const Header = ({
     }
     onSelected?.(selectedRows.concat(unselectedItemsOnData));
   };
-  return /* @__PURE__ */ React__default.createElement(THead, null, /* @__PURE__ */ React__default.createElement(Tr, null, selectable && /* @__PURE__ */ React__default.createElement(CheckboxHeader, null, /* @__PURE__ */ React__default.createElement(
-    Checkbox,
-    {
-      checked: rowsCount === selectedRows?.length,
-      onChange: handleSelectAll
-    }
-  )), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React__default.createElement(Th, { key: label }, /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent
+  return /* @__PURE__ */ jsx(THead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+    selectable && /* @__PURE__ */ jsx(CheckboxHeader, { children: /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: rowsCount === selectedRows?.length,
+        onChange: handleSelectAll
       }
-    },
-    label,
-    sort && /* @__PURE__ */ React__default.createElement("div", { style: { marginLeft: 8 } }, /* @__PURE__ */ React__default.createElement(PressableSurface, { onPress: () => handleSortDirection(sort) }, /* @__PURE__ */ React__default.createElement(
-      Icon,
+    ) }),
+    headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsxs(
+      "div",
       {
-        name: `sort-alphabetical-${getIconSuffix(sortDirection)}`,
-        type: "material-community",
-        fontColor: getIconColor(sortDirection)
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent
+        },
+        children: [
+          label,
+          sort && /* @__PURE__ */ jsx("div", { style: { marginLeft: 8 }, children: /* @__PURE__ */ jsx(PressableSurface, { onPress: () => handleSortDirection(sort), children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: `sort-alphabetical-${getIconSuffix(sortDirection)}`,
+              type: "material-community",
+              fontColor: getIconColor(sortDirection)
+            }
+          ) }) })
+        ]
       }
-    )))
-  )))));
+    ) }, label))
+  ] }) });
 };
 
 export { Header as default };

package/dist/esm/components/organisms/DataGrid/Header/styled.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import 'react';
+import 'react/jsx-runtime';
 import '../../../atoms/Table/Cell/styled.js';
 import '../../../atoms/Table/Container/styled.js';
 import '../../../atoms/Table/Footer/styled.js';

package/dist/esm/components/organisms/DataGrid/Row/Row.js

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Checkbox } from '@tecsinapse/react-core';
 import { CheckboxCell } from '../styled.js';
@@ -17,13 +18,16 @@ const Row = ({
   selectable,
   headers
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Tr, { key: rowKeyExtractor(data) }, selectable && /* @__PURE__ */ React__default.createElement(CheckboxCell, null, /* @__PURE__ */ React__default.createElement(
-    Checkbox,
-    {
-      checked: _checked,
-      onChange: (checked) => handleSelect(data, checked)
-    }
-  )), headers.map(({ label, render }) => /* @__PURE__ */ React__default.createElement(Td, { key: `row-${rowKeyExtractor(data)}-column-${label}` }, render(data))));
+  return /* @__PURE__ */ jsxs(Tr, { children: [
+    selectable && /* @__PURE__ */ jsx(CheckboxCell, { children: /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        checked: _checked,
+        onChange: (checked) => handleSelect(data, checked)
+      }
+    ) }),
+    headers.map(({ label, render }) => /* @__PURE__ */ jsx(Td, { children: render(data) }, `row-${rowKeyExtractor(data)}-column-${label}`))
+  ] }, rowKeyExtractor(data));
 };
 var Row$1 = React__default.memo(Row);
 

package/dist/esm/components/organisms/DataGrid/styled.js

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import 'react';
+import 'react/jsx-runtime';
 import Td from '../../atoms/Table/Cell/Td.js';
 import '../../atoms/Table/Container/styled.js';
 import '../../atoms/Table/Footer/styled.js';

package/dist/types/components/atoms/Accordion/Accordion.d.ts

@@ -5,5 +5,5 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     title: string;
     transition?: number;
 }
-declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => React.JSX.Element;
+declare const Accordion: ({ title, open: _open, onChange, transition, children, ...rest }: PropsWithChildren<AccordionProps>) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/dist/types/components/molecules/DateTimePickerSelector/components/ScrollableDigit.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { TextProps } from '@tecsinapse/react-core';
+import * as React from 'react';
 export interface ScrollableDigitProps {
     TextComponent?: React.FC<TextProps>;
     updateType: 'hour' | 'minute' | 'year' | 'month';

package/dist/types/components/molecules/Select/Dropdown/components/SearchInput.d.ts

@@ -4,5 +4,5 @@ declare const _default: React.MemoExoticComponent<({ fullWidth, searchArg, onCha
     searchArg: any;
     onChange: any;
     placeholder: any;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/components/organisms/DataGrid/Row/Row.d.ts

@@ -6,5 +6,5 @@ declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, chec
     handleSelect: any;
     selectable: any;
     headers: any;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;