@star-insure/sdk 4.2.0 → 4.3.0

package/dist/components/filter/PageHeader.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FilterOption, TPageHeaderAction } from '../../types';
 interface Props {
     title: string;
@@ -10,6 +10,12 @@ interface Props {
     backText?: string;
     filterOptions?: FilterOption[];
     focusSearchShortcut?: boolean;
+    children?: React.ReactNode;
 }
-export default function PageHeader({ title, search, className, innerClassName, back, actions, filterOptions, focusSearchShortcut, }: Props): JSX.Element;
-export {};
+declare function PageHeader({ title, search, className, innerClassName, back, actions, filterOptions, focusSearchShortcut, children }: Props): JSX.Element;
+declare namespace PageHeader {
+    var Action: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+}
+export default PageHeader;

package/dist/sdk.cjs.development.js

@@ -2961,7 +2961,8 @@ function PageHeader(_ref) {
       _ref$filterOptions = _ref.filterOptions,
       filterOptions = _ref$filterOptions === void 0 ? [] : _ref$filterOptions,
       _ref$focusSearchShort = _ref.focusSearchShortcut,
-      focusSearchShortcut = _ref$focusSearchShort === void 0 ? false : _ref$focusSearchShort;
+      focusSearchShortcut = _ref$focusSearchShort === void 0 ? false : _ref$focusSearchShort,
+      children = _ref.children;
 
   var _React$useState = React__default.useState(false),
       isSearchActive = _React$useState[0],
@@ -2973,6 +2974,15 @@ function PageHeader(_ref) {
       overScroll = _React$useState2[0],
       setOverScroll = _React$useState2[1];
 
+  var actionChildren = []; // Categorize children based on their type
+
+  React__default.Children.forEach(children, function (child) {
+    if (React__default.isValidElement(child)) {
+      if (child.type === PageHeader.Action) {
+        actionChildren.push(child);
+      }
+    }
+  });
   React__default.useEffect(function () {
     var current = scrollContainerRef.current;
     if (!current) return;
@@ -3092,7 +3102,7 @@ function PageHeader(_ref) {
     back: back,
     className: "bg-gray-100 h-[60px] w-[60px] rounded"
   }), React__default.createElement("div", {
-    className: cn('w-full grid grid-cols-[auto_1fr_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)
+    className: cn('w-full grid grid-cols-[auto_1fr_auto_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)
   }, React__default.createElement("button", {
     type: "button",
     disabled: !search,
@@ -3141,8 +3151,15 @@ function PageHeader(_ref) {
     return React__default.createElement(Action, Object.assign({
       key: action.title + "-" + action.as + "-" + action.href
     }, action));
-  })))));
-}
+  }))), actionChildren && React__default.createElement("div", {
+    className: "flex items-center gap-3 bg-gray-100"
+  }, actionChildren)));
+} // Subcomponents
+
+PageHeader.Action = function (_ref2) {
+  var children = _ref2.children;
+  return React__default.createElement("div", null, children);
+};
 
 exports.Button = Button;
 exports.Card = Card;