@star-insure/sdk 3.1.0 → 3.1.2

package/dist/types/misc/index.d.ts

@@ -25,6 +25,7 @@ export declare type TPageHeaderAction = {
     target?: '_self' | '_blank';
     onClick?: Function;
     type?: 'button' | 'submit';
+    hidden?: boolean;
 };
 export declare type Environment = 'production' | 'staging' | 'testing' | 'local';
 export declare type Breadcrumb = {

package/package.json

@@ -2,7 +2,7 @@
     "name": "@star-insure/sdk",
     "description": "The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.",
     "author": "alexclark_nz",
-    "version": "3.1.0",
+    "version": "3.1.2",
     "license": "MIT",
     "repository": {
         "type": "git",

package/src/components/filter/FilterItem.tsx

@@ -143,7 +143,7 @@ export function FilterItem({ filter }: { filter: FilterOption, path?: string })
             search.delete(`${filter.name}[]`);
 
             // Apply the filters to the query string
-            selected.forEach((selectedValue, i) => {
+            selected.forEach((selectedValue) => {
                 // Fall back to option equality filters
                 search.append(`${filter.name}[]`, selectedValue);
             });

package/src/components/filter/PageHeader.tsx

@@ -133,6 +133,10 @@ export default function PageHeader({
         checkScroll();
     }
 
+    const filteredActions = React.useMemo(() => {
+        return actions.filter(action => !action.hidden);
+    }, [actions]);
+
     return (
         <section className={cn('col-span-full max-w-full rounded-lg bg-white p-2 shadow', className)}>
             <div className={cn('grid grid-cols-[auto_1fr_auto] min-h-[60px] rounded gap-4 bg-gray-100 p-3', innerClassName)}>
@@ -160,11 +164,11 @@ export default function PageHeader({
                     )}
                 </div>
 
-                {actions.length > 0 && (
+                {filteredActions.length > 0 && (
                     <div className="flex items-center gap-3">
                         {filterOptions.length > 0 && <div className="w-[1px] h-full bg-gray-300" />}
                         <nav className="flex items-center gap-2">
-                            {actions.map((action) => (
+                            {filteredActions.map((action) => (
                                 <Action key={`${action.title}-${action.as}-${action.href}`} {...action} />
                             ))}
                         </nav>

package/src/components/index.ts

@@ -1,3 +1,4 @@
 export * from './common';
 export * from './tables';
 export * from './forms';
+export * from './filter';

package/src/types/misc/index.ts

@@ -30,6 +30,7 @@ export type TPageHeaderAction = {
     target?: '_self' | '_blank';
     onClick?: Function;
     type?: 'button' | 'submit';
+    hidden?: boolean;
 };
 
 export type Environment = 'production' | 'staging' | 'testing' | 'local';