@star-insure/sdk 4.2.0 → 4.3.1

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

@@ -2622,7 +2622,7 @@ function Dropdown(_ref) {
 }
 
 function FilterItem(_ref) {
-  var _filter$options, _filter$options2, _filter$options3, _selected$, _selected$2;
+  var _filter$options, _filter$options2, _filter$options3, _selected$, _selected$2, _selected$3;
 
   var filter = _ref.filter;
 
@@ -2760,6 +2760,16 @@ function FilterItem(_ref) {
     }
   }
 
+  function handleText(e) {
+    var value = e.currentTarget.value;
+
+    if (value) {
+      setSelected([value]);
+    } else {
+      setSelected([]);
+    }
+  }
+
   function handleApply(e) {
     e.preventDefault();
     var search = new URLSearchParams(window.location.search); // Reset the page in the query
@@ -2932,6 +2942,15 @@ function FilterItem(_ref) {
         })
       });
     }
+  })), filter.type === 'text' && React__default.createElement("div", {
+    className: 'w-full'
+  }, React__default.createElement("input", {
+    type: "text",
+    name: filter.name,
+    placeholder: filter.label,
+    value: (_selected$3 = selected[0]) != null ? _selected$3 : '',
+    onChange: handleText,
+    className: "!p-2 text-sm w-full"
   }))), React__default.createElement("div", {
     className: "bg-gray-100 border-t border-gray-200 flex items-center gap-2 p-4 bottom-0 sticky"
   }, React__default.createElement(Button, {
@@ -2961,7 +2980,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 +2993,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 +3121,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 +3170,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;