pixel-react 1.2.4 → 1.2.6

package/lib/components/Form/Forms.d.ts

@@ -1,7 +1,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;
 }

package/lib/index.d.ts

@@ -1138,7 +1138,7 @@ declare const Typography: React__default.FC<TypographyProps>;
 declare const useTheme: () => ThemeContextType;
 
 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__default.ReactNode;
 }

package/lib/index.esm.js

@@ -2749,7 +2749,7 @@ const MenuOption = ({
   });
 };
 
-var css_248z$C = "@font-face {\n  font-family: \"Poppins\";\n  font-weight: 400;\n  src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 500;\n  src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 600;\n  src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 700;\n  src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 80px;\n}\n\n.ff-fixed-header-table {\n  overflow-y: auto;\n}\n\n.ff-table-icon {\n  position: absolute;\n  top: 10px;\n  right: 0;\n  margin-right: 10px;\n  z-index: 100;\n  cursor: pointer;\n}\n\n.ff-table {\n  width: 100%;\n}\n.ff-table th,\n.ff-table td {\n  text-align: left;\n  font-size: 12px;\n  padding: 9px 8px;\n}\n.ff-table thead tr th {\n  border-bottom: 1px solid var(--slider-table-color);\n  text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n  align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n  opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n  padding-left: 10px;\n  opacity: 0;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n  background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ff-table tbody tr td {\n  position: relative;\n  color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n  cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n  display: flex;\n  align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table .primary-bg {\n  background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n  background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n  background-color: transparent;\n}\n.ff-table .default-color {\n  color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n  color: var(--brand-color);\n}\n\n.border-borderRadius {\n  border: 1px solid var(--slider-table-color);\n  border-radius: 5px;\n  border-collapse: none !important;\n}\n\n.ff-fixed-header {\n  position: sticky !important;\n  top: 0;\n  z-index: 99;\n  background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\ntbody tr.disabled-row {\n  opacity: 0.5;\n  cursor: not-allowed;\n}";
+var css_248z$C = "@font-face {\n  font-family: \"Poppins\";\n  font-weight: 400;\n  src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 500;\n  src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 600;\n  src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 700;\n  src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.ttf) format(\"truetype\");\n}\n.fontXs {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 10px;\n}\n\n.fontSm, .ff-table tbody tr td {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 12px;\n}\n\n.fontMd, .ff-table thead tr th {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 80px;\n}\n\n.ff-fixed-header-table {\n  overflow-y: auto;\n}\n\n.ff-table-icon {\n  position: absolute;\n  top: 10px;\n  right: 0;\n  margin-right: 10px;\n  z-index: 100;\n  cursor: pointer;\n}\n\n.ff-table {\n  width: 100%;\n}\n.ff-table th,\n.ff-table td {\n  text-align: left;\n  font-size: 12px;\n  padding: 9px 8px;\n}\n.ff-table thead tr th {\n  border-bottom: 1px solid var(--slider-table-color);\n  text-transform: uppercase;\n}\n.ff-table thead tr th:first-child div {\n  align-items: center;\n}\n.ff-table thead tr th:first-child div .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n  opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n  padding-left: 10px;\n  opacity: 0;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n  background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ff-table tbody tr td {\n  position: relative;\n  color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n  cursor: pointer;\n}\n.ff-table tbody tr td:first-child div {\n  align-items: center;\n}\n.ff-table tbody tr td:first-child div .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table .primary-bg {\n  background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n  background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n  background-color: transparent;\n}\n.ff-table .default-color {\n  color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n  color: var(--brand-color);\n}\n\n.border-borderRadius {\n  border: 1px solid var(--slider-table-color);\n  border-radius: 5px;\n  border-collapse: none !important;\n}\n\n.ff-fixed-header {\n  position: sticky !important;\n  top: 0;\n  z-index: 99;\n  background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\ntbody tr.disabled-row {\n  opacity: 0.5;\n  cursor: not-allowed;\n}";
 styleInject(css_248z$C);
 
 const isFunction$2 = functionToCheck => {
@@ -22642,17 +22642,9 @@ const AppHeader = ({
   logoIconName = 'fireflink_icon',
   leftContent,
   rightContent,
-  projectsList = [{
-    label: '',
-    value: '',
-    iconName: ''
-  }],
+  projectsList,
   appHeaderMenuItems,
-  appHeaderHiddenMenuItems = [{
-    label: '',
-    value: '',
-    icon: ''
-  }],
+  appHeaderHiddenMenuItems,
   selectedMenu,
   selectedSubMenu,
   selectedQuickMenu,
@@ -22686,7 +22678,7 @@ const AppHeader = ({
         })]
       }), jsxs("div", {
         className: "ff-app-header-nav-bar",
-        children: [!checkEmpty(projectsList) && jsx("div", {
+        children: [projectsList && !checkEmpty(projectsList) && jsx("div", {
           children: jsx(AllProjectsDropdown, {
             onClick: onProjectMenuClick,
             options: projectsList,
@@ -22742,7 +22734,7 @@ const AppHeader = ({
               })]
             }, menuItem.label);
           })
-        }), !checkEmpty(appHeaderHiddenMenuItems) && jsx("div", {
+        }), appHeaderHiddenMenuItems && !checkEmpty(appHeaderHiddenMenuItems) && jsx("div", {
           children: jsx(MenuOption, {
             iconName: "more",
             options: appHeaderHiddenMenuItems,