@tecsinapse/react-web-kit 1.19.0 → 1.20.0

package/src/components/molecules/Select/Dropdown/Dropdown.tsx

@@ -59,9 +59,10 @@ const Dropdown = <Data, Type extends 'single' | 'multi'>({
     !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);
   }, [options, setCheckedAll, onSelect]);
 
-  const onChange = React.useCallback(text => setSearchArg(text), [
-    setSearchArg,
-  ]);
+  const onChange = React.useCallback(
+    text => setSearchArg(text),
+    [setSearchArg]
+  );
 
   return (
     <StyledContainerDropdown

package/src/components/molecules/Select/Select.tsx

@@ -1,7 +1,7 @@
 import {
   PressableInputContainer,
   Text,
-  TextProps
+  TextProps,
 } from '@tecsinapse/react-core';
 import React from 'react';
 import { Transition } from 'react-transition-group';
@@ -12,7 +12,7 @@ import { getDisplayValue } from './functions';
 import {
   RightComponent,
   StyledContainer,
-  StyledInputContainer
+  StyledInputContainer,
 } from './styled';
 
 export interface SelectProps<Data, Type extends 'single' | 'multi'>
@@ -60,9 +60,10 @@ export const Select = <Data, Type extends 'single' | 'multi'>({
   useClickAwayListener(refDropDown, setDropDownVisible);
 
   const onlyLabel = label && !placeholder;
-  const hasValue = type === 'single' ? !!value : ((value || []) as []).length > 0
-  const _placeholder = onlyLabel ? label : placeholder
-  const _label = hasValue ? label : undefined
+  const hasValue =
+    type === 'single' ? !!value : ((value || []) as []).length > 0;
+  const _placeholder = onlyLabel ? label : placeholder;
+  const _label = hasValue ? label : undefined;
 
   const displayValue = getDisplayValue<Data>(
     type,
@@ -73,9 +74,10 @@ export const Select = <Data, Type extends 'single' | 'multi'>({
     labelExtractor
   );
 
-  const onPress = React.useCallback(() => setDropDownVisible(prev => !prev), [
-    setDropDownVisible,
-  ]);
+  const onPress = React.useCallback(
+    () => setDropDownVisible(prev => !prev),
+    [setDropDownVisible]
+  );
 
   return (
     <StyledContainer ref={refDropDown} {...rest}>

package/src/components/organisms/DataGrid/DataGrid.tsx

@@ -57,7 +57,7 @@ export interface DataGridProps<Data>
 }
 
 /** Note: Consider memoizing functions for a better performance */
-const DataGrid = <Data extends unknown>({
+const DataGrid = <Data,>({
   headers,
   data,
   rowKeyExtractor,
@@ -139,25 +139,21 @@ const DataGrid = <Data extends unknown>({
         {!loading ? (
           <TBody>
             {data.length > 0 ? (
-              getData(
-                data,
-                rowsCount,
-                page,
-                rowsPerPage,
-                pagination
-              ).map(item => (
-                <Row
-                  key={rowKeyExtractor(item)}
-                  rowKeyExtractor={rowKeyExtractor}
-                  handleSelect={handleSelect}
-                  selectable={selectable}
-                  headers={headers}
-                  data={item}
-                  checked={selectedRows?.some(
-                    sel => rowKeyExtractor(sel) === rowKeyExtractor(item)
-                  )}
-                />
-              ))
+              getData(data, rowsCount, page, rowsPerPage, pagination).map(
+                item => (
+                  <Row
+                    key={rowKeyExtractor(item)}
+                    rowKeyExtractor={rowKeyExtractor}
+                    handleSelect={handleSelect}
+                    selectable={selectable}
+                    headers={headers}
+                    data={item}
+                    checked={selectedRows?.some(
+                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)
+                    )}
+                  />
+                )
+              )
             ) : (
               <tr>
                 <td colSpan={99}>{emptyPlaceholder}</td>

package/src/components/organisms/DataGrid/Header/Header.tsx

@@ -21,7 +21,7 @@ export interface DataGridHeaderProps<Data> {
   selectable?: boolean;
 }
 
-const Header = <Data extends unknown>({
+const Header = <Data,>({
   selectable,
   rowsCount,
   headers,