@tecsinapse/react-web-kit 3.0.0 → 3.3.1

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

@@ -1,5 +1,5 @@
 import { PressableInputContainer, Text } from '@tecsinapse/react-core';
-import React, { useState, useId, useEffect } from 'react';
+import React__default, { useState, useId, useEffect } from 'react';
 import { Transition } from 'react-transition-group';
 import { useClickAwayListener } from '../../../hooks/useClickAwayListener.js';
 import { defaultStyles, transition } from './animations.js';
@@ -26,10 +26,10 @@ const Select = ({
   multiLabels,
   ...rest
 }) => {
-  const [dropDownVisible, setDropDownVisible] = React.useState(false);
+  const [dropDownVisible, setDropDownVisible] = React__default.useState(false);
   const [selectOptions, setSelectOptions] = useState([]);
-  const refDropDown = React.useRef(null);
-  const transitionRef = React.useRef(null);
+  const refDropDown = React__default.useRef(null);
+  const transitionRef = React__default.useRef(null);
   useClickAwayListener(refDropDown, setDropDownVisible);
   const instanceid = useId();
   useEffect(() => {
@@ -41,6 +41,8 @@ const Select = ({
   const hasValue = type === "single" ? !!value : (value || []).length > 0;
   const _placeholder = onlyLabel ? label : placeholder;
   const _label = hasValue ? label : void 0;
+  const _valueColorVariant = disabled ? "secondary" : displayTextProps?.colorVariant;
+  const _valueColorTone = disabled ? "light" : displayTextProps?.colorTone;
   const displayValue = getDisplayValue(
     type,
     value,
@@ -50,7 +52,7 @@ const Select = ({
     labelExtractor,
     multiLabels
   );
-  const handleLazyFocus = React.useCallback(async () => {
+  const handleLazyFocus = React__default.useCallback(async () => {
     if (!dropDownVisible && typeof options === "function") {
       try {
         const result = await options();
@@ -61,7 +63,7 @@ const Select = ({
       }
     }
   }, [options, setSelectOptions, dropDownVisible]);
-  const handleOnSearch = React.useCallback(
+  const handleOnSearch = React__default.useCallback(
     async (searchInput) => {
       if (searchInput !== void 0 && onSearch && dropDownVisible) {
         try {
@@ -96,11 +98,11 @@ const Select = ({
   const handlePressInput = async () => {
     await handleLazyFocus();
   };
-  const onPress = React.useCallback(
+  const onPress = React__default.useCallback(
     () => setDropDownVisible((prev) => !prev),
     [setDropDownVisible]
   );
-  return /* @__PURE__ */ React.createElement(StyledContainer, { ref: refDropDown, ...rest }, /* @__PURE__ */ React.createElement(StyledInputContainer, { onFocus: handlePressInput }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(StyledContainer, { ref: refDropDown, ...rest }, /* @__PURE__ */ React__default.createElement(StyledInputContainer, { onFocus: handlePressInput }, /* @__PURE__ */ React__default.createElement(
     PressableInputContainer,
     {
       label: _label,
@@ -108,8 +110,17 @@ const Select = ({
       disabled,
       rightComponent: RightComponent
     },
-    /* @__PURE__ */ React.createElement(Text, { ...displayTextProps, fontWeight: "bold" }, displayValue)
-  )), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
+      Text,
+      {
+        ...displayTextProps,
+        colorTone: _valueColorTone,
+        colorVariant: _valueColorVariant,
+        fontWeight: "bold"
+      },
+      displayValue
+    )
+  )), /* @__PURE__ */ React__default.createElement(
     Transition,
     {
       in: dropDownVisible,
@@ -117,7 +128,7 @@ const Select = ({
       nodeRef: transitionRef,
       key: instanceid
     },
-    (state) => /* @__PURE__ */ React.createElement(
+    (state) => /* @__PURE__ */ React__default.createElement(
       Dropdown,
       {
         ref: transitionRef,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox, Text } from '@tecsinapse/react-core';
 import { ContainerItemSelect, StyledContainerTextLabel, StyledSpan } from './styled.js';
 
@@ -15,18 +15,18 @@ const SelectItem = ({
   keyExtractor
 }) => {
   const isMulti = type === "multi";
-  const [checked, setChecked] = React.useState(
+  const [checked, setChecked] = React__default.useState(
     value !== void 0 && type === "multi" && value.find(
       (data) => keyExtractor(data) === keyExtractor(item)
     ) !== void 0
   );
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (!checked && value !== void 0 && (type === "multi" && value.find(
       (data) => keyExtractor(data) === keyExtractor(item)
     ) || type === "single" && keyExtractor(value) === keyExtractor(item)))
       setChecked(true);
   }, [value, keyExtractor, type]);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (type === "multi") {
       checkedAll ? setChecked(true) : setChecked(
         value.find(
@@ -35,7 +35,7 @@ const SelectItem = ({
       );
     }
   }, [checkedAll]);
-  const clickItem = React.useCallback(
+  const clickItem = React__default.useCallback(
     (item2, _value) => {
       const key = item2;
       if (Array.isArray(_value)) {
@@ -60,8 +60,8 @@ const SelectItem = ({
     },
     [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]
   );
-  return /* @__PURE__ */ React.createElement(ContainerItemSelect, { onClick: () => clickItem(item, value) }, isMulti && /* @__PURE__ */ React.createElement(Checkbox, { checked, onChange: () => clickItem(item, value) }), /* @__PURE__ */ React.createElement(StyledContainerTextLabel, null, /* @__PURE__ */ React.createElement(Text, { fontWeight: "bold", ellipsizeMode: "tail", numberOfLines: 1 }, /* @__PURE__ */ React.createElement(StyledSpan, { singleHighligh: type === "single" && value === item }, labelExtractor(item)))));
+  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)))));
 };
-var ItemSelect = React.memo(SelectItem);
+var ItemSelect = React__default.memo(SelectItem);
 
 export { ItemSelect as default };

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

@@ -15,7 +15,7 @@ const ContainerItemSelect = styled("div")`
   align-items: center;
 `;
 const StyledSpan = styled("span")`
-  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};
+  color: ${({ theme, singleHighligh }) => singleHighligh ? theme.color.primary.xlight : theme.color.secondary.xlight};
   padding: ${({ theme }) => `${theme.spacing.mili} 0px`};
 `;
 const StyledContainerTextLabel = styled("div")`

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

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { Icon } from '@tecsinapse/react-core';
-import React from 'react';
+import React__default from 'react';
 
 const StyledContainer = styled("div")`
   display: flex;
@@ -13,7 +13,7 @@ const StyledContainer = styled("div")`
 const StyledInputContainer = styled("div")`
   width: 100%;
 `;
-const RightComponent = /* @__PURE__ */ React.createElement(
+const RightComponent = /* @__PURE__ */ React__default.createElement(
   Icon,
   {
     name: "chevron-down",

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

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

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

@@ -1,4 +1,4 @@
-import nativeStyled, { css } from '@emotion/native';
+import styled, { css } from '@emotion/native';
 import { Snackbar } from '@tecsinapse/react-core';
 
 const baseStyles = () => [
@@ -13,7 +13,7 @@ const webStyles = () => [
     position: fixed;
   `
 ];
-const SnackbarStyled = nativeStyled(Snackbar)(
+const SnackbarStyled = styled(Snackbar)(
   () => css`
     ${baseStyles()}
     ${webStyles()}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 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.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     TextArea$1,
     {
       label,
@@ -59,7 +59,7 @@ const TextArea = ({
       TextComponent: Text,
       maxLength
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       StyledWebInput,
       {
         ...rest,

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

@@ -1,7 +1,7 @@
-import nativeStyled from '@emotion/native';
+import styled from '@emotion/native';
 import { TextAreaInputBase } from '@tecsinapse/react-core';
 
-const StyledWebInput = nativeStyled(TextAreaInputBase)`
+const StyledWebInput = styled(TextAreaInputBase)`
   font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
   font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
   outline-width: 0;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import TBody from '../../atoms/Table/Body/TBody.js';
 import Td from '../../atoms/Table/Cell/Td.js';
 import TableContainer from '../../atoms/Table/Container/TableContainer.js';
@@ -44,15 +44,15 @@ const DataGrid = ({
       "[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)"
     );
   }
-  const rowsPerPageLabel = React.useCallback(
+  const rowsPerPageLabel = React__default.useCallback(
     (value) => _rowsPerPageLabel ? _rowsPerPageLabel(value) : `Exibir por p\xE1gina: ${value} itens`,
     [_rowsPerPageLabel]
   );
-  const rowsPerPageOptions = React.useMemo(
+  const rowsPerPageOptions = React__default.useMemo(
     () => _rowsPerPageOptions ?? [10, 25, 50],
     [_rowsPerPageOptions]
   );
-  const handleSelect = React.useCallback(
+  const handleSelect = React__default.useCallback(
     (current, checked) => {
       if (checked) {
         onSelectedRows?.((prevState) => [...prevState, current]);
@@ -67,14 +67,14 @@ const DataGrid = ({
     },
     [onSelectedRows, rowKeyExtractor]
   );
-  return /* @__PURE__ */ React.createElement(TableContainer, { ...rest }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(TableContainer, { ...rest }, /* @__PURE__ */ React__default.createElement(
     TableToolbar,
     {
       title: toolbarTitle,
       rightIcons: toolbarRightIcons,
       footer: toolbarFooter
     }
-  ), /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(Table, null, /* @__PURE__ */ React__default.createElement(
     Header,
     {
       selectable,
@@ -85,8 +85,8 @@ const DataGrid = ({
       selectedRows,
       onSelected: onSelectedRows
     }
-  ), !loading ? /* @__PURE__ */ React.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
-    (item) => /* @__PURE__ */ React.createElement(
+  ), !loading ? /* @__PURE__ */ React__default.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
+    (item) => /* @__PURE__ */ React__default.createElement(
       Row,
       {
         key: rowKeyExtractor(item),
@@ -100,7 +100,7 @@ const DataGrid = ({
         )
       }
     )
-  ) : /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, emptyPlaceholder))) : /* @__PURE__ */ React.createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React.createElement(Tr, { key: `skeleton-${idx}` }, /* @__PURE__ */ React.createElement(Td, { colSpan: 99, style: { padding: 0 } }, skeletonComponent ?? /* @__PURE__ */ React.createElement(Skeleton, { height: 55, radius: "mili", animation: "wave" }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React.createElement(
+  ) : /* @__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,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import Button from '../../../atoms/Button/Button.js';
 import { Text, Icon } from '@tecsinapse/react-core';
 import Select from '../../../molecules/Select/Select.js';
@@ -42,7 +42,7 @@ const Footer = ({
     }
     return { start: page - 1, end: page + 2 };
   };
-  const handleRowsPerPage = React.useCallback(
+  const handleRowsPerPage = React__default.useCallback(
     (value) => {
       onRowsPerPageChange?.(value);
       onPageChange?.(0);
@@ -51,7 +51,7 @@ const Footer = ({
   );
   const currentInitItem = page * rowsPerPage + 1;
   const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
-  return /* @__PURE__ */ React.createElement(TFoot, null, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement(TdFooterStyled, { colSpan: 99 }, /* @__PURE__ */ React.createElement(FooterContainer, null, /* @__PURE__ */ React.createElement(FooterContainerStart, null, pagination && /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(
+  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,
@@ -62,20 +62,20 @@ const Footer = ({
       labelExtractor: rowsPerPageLabel,
       anchor: "top"
     }
-  )), exportComponent && !exportFunction && /* @__PURE__ */ React.createElement(React.Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React.createElement(HoveredText, null, /* @__PURE__ */ React.createElement(Button, { variant: "outlined", onPress: () => exportFunction() }, /* @__PURE__ */ React.createElement(Text, { fontColor: "orange", fontWeight: "bold" }, exportLabel)))), pagination && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  )), 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.createElement(FooterContainerEnd, null, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(FooterContainerEnd, null, /* @__PURE__ */ React__default.createElement(
     NavigationButton,
     {
       onPress: () => onPageChange?.(page - 1),
       disabled: page === 0
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: "chevron-left",
@@ -83,23 +83,23 @@ const Footer = ({
         fontColor: "light"
       }
     )
-  ), /* @__PURE__ */ React.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+  ), /* @__PURE__ */ React__default.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
     getPaginationSlice().start,
     getPaginationSlice().end
-  ).map((value) => /* @__PURE__ */ React.createElement(HoveredText, { key: `page-${value}` }, /* @__PURE__ */ React.createElement(
+  ).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.createElement(Text, { fontColor: "medium", fontWeight: "bold" }, value + 1)
-  )))), /* @__PURE__ */ React.createElement(
+    /* @__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.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: "chevron-right",
@@ -109,6 +109,6 @@ const Footer = ({
     )
   )))))));
 };
-var Footer$1 = React.memo(Footer);
+var Footer$1 = React__default.memo(Footer);
 
 export { Footer$1 as default };

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

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import nativeStyled from '@emotion/native';
+import styled$1 from '@emotion/native';
 import { Text } from '@tecsinapse/react-core';
 import 'react';
 import Td from '../../../atoms/Table/Cell/Td.js';
@@ -31,14 +31,14 @@ const FooterContainerEnd = styled(FlexContainer)`
 const SelectContainer = styled("div")`
   margin-right: ${({ theme }) => theme.spacing.deca};
 `;
-const NavigationButton = nativeStyled(Button)`    
+const NavigationButton = styled$1(Button)`    
     border-radius: ${({ theme }) => theme.borderRadius.mili};
     height: 44px;
     justify-content: center;
     padding: ${({ theme }) => theme.spacing.centi};
     width: 44px;  
 `;
-const PageButton = nativeStyled(NavigationButton)`
+const PageButton = styled$1(NavigationButton)`
     padding-right: ${({ theme }) => theme.spacing.deca};
     padding-left: ${({ theme }) => theme.spacing.deca};
     border-radius: ${({ theme }) => theme.borderRadius.mili};
@@ -56,7 +56,7 @@ const HoveredText = styled("div")`
     color: ${({ theme }) => theme.font.color.light};
   }
 `;
-const TextPagination = nativeStyled(Text)`
+const TextPagination = styled$1(Text)`
   padding-right: ${({ theme }) => theme.spacing.deca};
   padding-left: ${({ theme }) => theme.spacing.deca};
 

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox, PressableSurface, Icon } from '@tecsinapse/react-core';
 import '../../../atoms/Table/Cell/styled.js';
 import '../../../atoms/Table/Container/styled.js';
@@ -20,7 +20,7 @@ const Header = ({
   selectedRows,
   onSelected
 }) => {
-  const [sortDirection, setSortDirection] = React.useState(
+  const [sortDirection, setSortDirection] = React__default.useState(
     NEXT_STATE.initial
   );
   const handleSortDirection = (sort) => {
@@ -52,13 +52,13 @@ const Header = ({
     }
     onSelected?.(selectedRows.concat(unselectedItemsOnData));
   };
-  return /* @__PURE__ */ React.createElement(THead, null, /* @__PURE__ */ React.createElement(Tr, null, selectable && /* @__PURE__ */ React.createElement(CheckboxHeader, null, /* @__PURE__ */ React.createElement(
+  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.createElement(Th, { key: label }, /* @__PURE__ */ React.createElement(
+  )), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React__default.createElement(Th, { key: label }, /* @__PURE__ */ React__default.createElement(
     "div",
     {
       style: {
@@ -68,7 +68,7 @@ const Header = ({
       }
     },
     label,
-    sort && /* @__PURE__ */ React.createElement("div", { style: { marginLeft: 8 } }, /* @__PURE__ */ React.createElement(PressableSurface, { onPress: () => handleSortDirection(sort) }, /* @__PURE__ */ React.createElement(
+    sort && /* @__PURE__ */ React__default.createElement("div", { style: { marginLeft: 8 } }, /* @__PURE__ */ React__default.createElement(PressableSurface, { onPress: () => handleSortDirection(sort) }, /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         name: `sort-alphabetical-${getIconSuffix(sortDirection)}`,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Checkbox } from '@tecsinapse/react-core';
 import { CheckboxCell } from '../styled.js';
 import Td from '../../../atoms/Table/Cell/Td.js';
@@ -17,14 +17,14 @@ const Row = ({
   selectable,
   headers
 }) => {
-  return /* @__PURE__ */ React.createElement(Tr, { key: rowKeyExtractor(data) }, selectable && /* @__PURE__ */ React.createElement(CheckboxCell, null, /* @__PURE__ */ React.createElement(
+  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.createElement(Td, { key: `row-${rowKeyExtractor(data)}-column-${label}` }, render(data))));
+  )), headers.map(({ label, render }) => /* @__PURE__ */ React__default.createElement(Td, { key: `row-${rowKeyExtractor(data)}-column-${label}` }, render(data))));
 };
-var Row$1 = React.memo(Row);
+var Row$1 = React__default.memo(Row);
 
 export { Row$1 as default };

package/dist/esm/hooks/useClickAwayListener.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 
 const useClickAwayListener = (ref, setVisible, event = "mousedown", onClickAway) => {
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     const handleClickOutside = (event2) => {
       if (ref.current && !ref.current.contains(event2.target)) {
         onClickAway?.();

package/dist/esm/hooks/useWindowSize.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 
 const useWindowSize = () => {
-  const [windowSize, setWindowSize] = React.useState({
+  const [windowSize, setWindowSize] = React__default.useState({
     width: void 0,
     height: void 0
   });
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ControlledSelectorComponentProps, DateTimeSelectorProps } from '@tecsinapse/react-core';
+type DateTimePickerSelectorProps = ControlledSelectorComponentProps & DateTimeSelectorProps;
+declare const DateTimePickerSelector: React.FC<DateTimePickerSelectorProps>;
+export default DateTimePickerSelector;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TextProps } from '../../../../index';
+interface MemoizedTimeCardProps {
+    time: string;
+    isSelected: boolean;
+    onPress: () => void;
+    TextComponent: React.FC<TextProps>;
+}
+declare const MemoizedTimeCard: React.MemoExoticComponent<({ time, isSelected, onPress, TextComponent, }: MemoizedTimeCardProps) => JSX.Element>;
+export default MemoizedTimeCard;

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { TextProps } from '@tecsinapse/react-core/src/components/atoms/Text';
+export interface ScrollableDigitProps {
+    TextComponent?: React.FC<TextProps>;
+    updateType: 'hour' | 'minute' | 'year' | 'month';
+    currentTime: string;
+    data: string[];
+    timeLabel: string;
+    initialScrollIndex: number;
+    handleTimeChange: (newTime: string, updateType: string) => void;
+}
+declare const ScrollableDigit: React.FC<ScrollableDigitProps>;
+export default ScrollableDigit;

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

@@ -0,0 +1,2 @@
+export { default as ScrollableDigit } from './ScrollableDigit';
+export { default as MemoizedTimeCard } from './MemoizedTimeCard';

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

@@ -0,0 +1 @@
+export { default as DateTimePickerSelector } from './DateTimePickerSelector';

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { FlatList } from 'react-native';
+export declare const StyledTextLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export declare const TimeDigitContainer: import("@emotion/native").StyledComponent<import("react-native").FlatListProps<string> & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<FlatList<string>> | undefined;
+}>;
+export declare const TimeCard: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
+    isSelected?: boolean | undefined;
+}, {}, {}>;
+export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;
+export declare const BackButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
+export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/types/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface ScrollableMonthYearProps {
+    date: Date;
+    setDate: React.Dispatch<React.SetStateAction<Date>>;
+    yearLabel?: string;
+    monthLabel?: string;
+    locale?: Locale;
+}
+declare const ScrollableMonthYearPicker: React.FC<ScrollableMonthYearProps>;
+export default ScrollableMonthYearPicker;

package/dist/types/components/molecules/ScrollableMonthYearPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ScrollableMonthYearPicker } from './ScrollableMonthYearPicker';

package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const DivStyledColumn: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DivStyledRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/molecules/ScrollableTimePicker/ScrollableTimePicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface DateTimeSelectorProps {
+    setDate: React.Dispatch<React.SetStateAction<Date>>;
+    date: Date;
+    locale?: Locale;
+    minuteLabel?: string;
+    hourLabel?: string;
+}
+declare const ScrollableTimePicker: React.FC<DateTimeSelectorProps>;
+export default ScrollableTimePicker;

package/dist/types/components/molecules/ScrollableTimePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ScrollableTimePicker } from './ScrollableTimePicker';