pixel-react 1.2.4 → 1.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/src/components/AppHeader/AppHeader.tsx

@@ -11,9 +11,9 @@ const AppHeader: React.FC<AppHeaderProps> = ({
   logoIconName = 'fireflink_icon',
   leftContent,
   rightContent,
-  projectsList = [{ label: '', value: '', iconName: '' }],
+  projectsList,
   appHeaderMenuItems,
-  appHeaderHiddenMenuItems = [{ label: '', value: '', icon: '' }],
+  appHeaderHiddenMenuItems,
   selectedMenu,
   selectedSubMenu,
   selectedQuickMenu,
@@ -36,7 +36,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({
           )}
         </div>
         <div className="ff-app-header-nav-bar">
-          {!checkEmpty(projectsList) && (
+          {projectsList && !checkEmpty(projectsList) && (
             <div>
               {
                 <AllProjectsDropdown
@@ -130,7 +130,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({
               );
             })}
           </div>
-          {!checkEmpty(appHeaderHiddenMenuItems) && (
+          {appHeaderHiddenMenuItems && !checkEmpty(appHeaderHiddenMenuItems) && (
             <div>
               <MenuOption
                 iconName="more"

package/src/components/Form/Forms.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Form from './Form';
 
 interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
-  id?:'string',
+  id?: string;
   onSubmit: Form.SubmitHandler<T>;
   children: (methods: ReturnType<typeof Form.useForm<T>>) => React.ReactNode;
 }
@@ -17,11 +17,7 @@ const Forms = <T extends Form.FieldValues>({
 
   const { handleSubmit } = methods;
 
-  return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      {children(methods)}
-    </form>
-  );
+  return <form onSubmit={handleSubmit(onSubmit)}>{children(methods)}</form>;
 };
 
 export default Forms;

package/src/components/Table/Table.scss

@@ -68,7 +68,6 @@
       }
       td:first-child {
         div {
-          display: flex;
           align-items: center;
           .ff-table-checkbox {
             padding-right: 8px;