@nuskin/foundation-ui-components 1.1.0 → 1.2.0

package/src/common/table/NsTableHeader.tsx

@@ -1,61 +1,40 @@
-import type { NsTableHeaderProps,  Item} from './types'
-import React from 'react'
-import { 
-    TableHead,
-    TableRow,
-    Box,
-    TableCell
-} from '@mui/material';
-import {
-    StyledTableSortLabel,
-    StyledTableLabel
-} from './NsTable.styled'
+import type { NsTableHeaderProps, Item } from './types';
+import React from 'react';
+import { TableHead, TableRow, Box, TableCell } from '@mui/material';
+import { StyledTableSortLabel, StyledTableLabel } from './NsTable.styled';
 import { visuallyHidden } from '@mui/utils';
 
 export default function NsTableHeader(props: NsTableHeaderProps) {
-    const {
-        order,
-        orderBy,
-        headCells,
-        onRequestSort,
-    } = props;
-    const createSortHandler =
-      (property: keyof Item) => (event: React.MouseEvent<unknown>) => { onRequestSort(event, property);};
-  
+    const { order, orderBy, headCells, onRequestSort } = props;
+    const createSortHandler = (property: keyof Item) => (event: React.MouseEvent<unknown>) => {
+        onRequestSort(event, property);
+    };
+
     return (
         <TableHead>
             <TableRow>
-                {
-                    headCells.map((headCell) => (
-                        headCell.sortable ? (
-                            <TableCell
-                                key={headCell.id}
-                                sortDirection={orderBy == headCell.id ? order : false}
+                {headCells.map((headCell) =>
+                    headCell.sortable ? (
+                        <TableCell key={headCell.id} sortDirection={orderBy === headCell.id ? order : false}>
+                            <StyledTableSortLabel
+                                active={orderBy === headCell.id}
+                                direction={orderBy === headCell.id ? order : 'asc'}
+                                onClick={createSortHandler(headCell.id)}
                             >
-                                <StyledTableSortLabel
-                                    active={orderBy == headCell.id}
-                                    direction={orderBy == headCell.id ? order : 'asc'}
-                                    onClick={createSortHandler(headCell.id)}
-                                >
-                                    {headCell.label}
-                                    {orderBy === headCell.id ? (
-                                        <Box component="span" sx={visuallyHidden}>
-                                            {order === 'desc' ? 'sorted descending' : 'sorted ascending'}
-                                        </Box>
-                                    ) : null}
-                                </StyledTableSortLabel>
-                            </TableCell>)
-                            : (
-                                <TableCell
-                                    key={headCell.id}
-                                    sortDirection={false}
-                                >
-                                    <StyledTableLabel>
-                                        {headCell.label}
-                                    </StyledTableLabel>
-                                </TableCell>
-                            )
-                    ))}
+                                {headCell.label}
+                                {orderBy === headCell.id ? (
+                                    <Box component="span" sx={visuallyHidden}>
+                                        {order === 'desc' ? 'sorted descending' : 'sorted ascending'}
+                                    </Box>
+                                ) : null}
+                            </StyledTableSortLabel>
+                        </TableCell>
+                    ) : (
+                        <TableCell key={headCell.id} sortDirection={false}>
+                            <StyledTableLabel>{headCell.label}</StyledTableLabel>
+                        </TableCell>
+                    )
+                )}
             </TableRow>
         </TableHead>
     );

package/src/common/util.ts

@@ -0,0 +1 @@
+export const skipDarkModeEnabled = (key: string) => key !== 'darkModeEnabled';

package/src/common/utility/Show.tsx

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactElement } from 'react';
+
+type ShowType = PropsWithChildren & {
+    when?: boolean;
+    elseContent?: ReactElement;
+};
+const Show = ({ when, children, elseContent }: ShowType): ReactElement => {
+    if (when) {
+        return <>{children}</>;
+    }
+    return <>{elseContent}</>;
+};
+export default Show;

package/src/common/utility/index.ts

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

package/src/common/videos/types.d.ts

@@ -1,4 +1,4 @@
-import { AdditionalProps } from '@/common/common.types';
+import { AdditionalProps } from '../common.types';
 
 export type NsVideoProps = {
     src: string;