@star-insure/sdk 3.1.3 → 3.2.0

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-export declare function BackButton({ back }: {
+export declare function BackButton({ back, className }: {
     back?: string | boolean;
+    className?: string;
 }): JSX.Element;

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

@@ -1,12 +1,9 @@
 import React from "react";
 declare type Props = {
-    children: React.ReactNode;
     onClose: Function;
     active: boolean;
+    title: React.ReactNode;
+    children: React.ReactNode;
 };
-declare function Dropdown({ children, onClose, active }: Props): JSX.Element;
-declare namespace Dropdown {
-    var Title: "button";
-    var Content: "form";
-}
+declare function Dropdown({ onClose, active, title, children }: Props): JSX.Element;
 export default Dropdown;

package/dist/sdk.cjs.development.js

@@ -14,7 +14,6 @@ var cn = _interopDefault(require('classnames'));
 var lodash = require('lodash');
 var hi2 = require('react-icons/hi2');
 var Select = _interopDefault(require('react-select'));
-var createSlots = require('create-slots');
 var core = require('@inertiajs/core');
 
 function parseDate(dateString) {
@@ -2240,7 +2239,8 @@ function usePage() {
 }
 
 function BackButton(_ref) {
-  var back = _ref.back;
+  var back = _ref.back,
+      className = _ref.className;
 
   var _React$useState = React__default.useState(typeof back === 'string' ? back : undefined),
       backUrl = _React$useState[0],
@@ -2272,7 +2272,7 @@ function BackButton(_ref) {
   }, [breadcrumbs]);
   return React__default.createElement(react.Link, {
     href: backUrl || '/',
-    className: "hover:text-teal transition-all p-1 -mr-1"
+    className: cn(className, 'flex items-center justify-center hover:text-teal transition-all')
   }, React__default.createElement(hi2.HiArrowLeft, {
     className: "h-5 w-5 stroke-[1.25]"
   }));
@@ -2415,13 +2415,11 @@ function Action(_ref) {
   }, title);
 }
 
-var DropdownTitle = /*#__PURE__*/createSlots.createSlot('button');
-var DropdownContent = /*#__PURE__*/createSlots.createSlot('form');
-
 function Dropdown(_ref) {
-  var children = _ref.children,
-      onClose = _ref.onClose,
-      active = _ref.active;
+  var onClose = _ref.onClose,
+      active = _ref.active,
+      title = _ref.title,
+      children = _ref.children;
   var ref = React__default.useRef(null);
   var innerRef = React__default.useRef(null);
   useClickOutside(ref, function () {
@@ -2435,18 +2433,14 @@ function Dropdown(_ref) {
     var pos = current == null ? void 0 : current.getBoundingClientRect();
     innerCurrent.style.setProperty('left', (pos == null ? void 0 : pos.left) + "px");
   }, [active, ref.current, innerRef.current]);
-  return createSlots.createHost(children, function (Slots) {
-    return React__default.createElement("div", {
-      ref: ref,
-      className: "static inline-block"
-    }, Slots.get(DropdownTitle), active && React__default.createElement("div", {
-      ref: innerRef,
-      className: "absolute children z-10 flex flex-col"
-    }, Slots.get(DropdownContent)));
-  });
+  return React__default.createElement("div", {
+    ref: ref,
+    className: "static inline-block"
+  }, title, active && React__default.createElement("div", {
+    ref: innerRef,
+    className: "absolute children z-10 flex flex-col"
+  }, children));
 }
-Dropdown.Title = DropdownTitle;
-Dropdown.Content = DropdownContent;
 
 function FilterItem(_ref) {
   var _filter$options, _filter$options2, _filter$options3, _selected$, _selected$2;
@@ -2656,17 +2650,18 @@ function FilterItem(_ref) {
     onClose: function onClose() {
       return setOpen(!open);
     },
-    active: isOpen
-  }, React__default.createElement(Dropdown.Title, {
-    onClick: function onClick() {
-      return handleClick();
-    },
-    className: cn('flex rounded-2xl border hover:border-teal bg-gray-600 min-w-[90px] px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-teal transition-colors', {
-      '!bg-teal border-teal': hasFilters
-    })
-  }, React__default.createElement("p", {
-    className: "whitespace-nowrap"
-  }, filter.label), React__default.createElement(hi2.HiChevronDown, null)), React__default.createElement(Dropdown.Content, {
+    active: isOpen,
+    title: React__default.createElement("div", {
+      onClick: function onClick() {
+        return handleClick();
+      },
+      className: cn('flex rounded-2xl border hover:border-teal bg-gray-600 px-2 py-1 items-center justify-between shrink-0 gap-2 text-xs text-white hover:bg-teal transition-colors', {
+        '!bg-teal border-teal': hasFilters
+      })
+    }, React__default.createElement("p", {
+      className: "whitespace-nowrap"
+    }, filter.label), React__default.createElement(hi2.HiChevronDown, null))
+  }, React__default.createElement("form", {
     className: "mt-2 flex max-h-[350px] min-w-[200px] flex-col gap-2 rounded-md border border-gray-300 bg-white p-4 shadow-lg " + (filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'),
     onSubmit: handleApply
   }, React__default.createElement("div", {
@@ -2907,14 +2902,15 @@ function PageHeader(_ref) {
     });
   }, [actions]);
   return React__default.createElement("section", {
-    className: cn('col-span-full max-w-full rounded-lg bg-white p-2 shadow', className)
-  }, React__default.createElement("div", {
-    className: cn('grid grid-cols-[auto_1fr_auto] min-h-[60px] rounded gap-4 bg-gray-100 p-3', innerClassName)
-  }, React__default.createElement("div", {
-    className: "mr-auto flex items-center gap-4"
+    className: cn('col-span-full flex items-center gap-2 max-w-full rounded-lg bg-white p-2 shadow', className)
   }, back && React__default.createElement(BackButton, {
-    back: back
-  }), search && React__default.createElement(SearchBar, {
+    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)
+  }, React__default.createElement("div", {
+    className: "mr-auto flex items-center gap-4 ml-1"
+  }, search && React__default.createElement(SearchBar, {
     search: search,
     active: isSearchActive,
     onActive: setSearchActive,
@@ -2922,7 +2918,7 @@ function PageHeader(_ref) {
   }), !isSearchActive && React__default.createElement("h1", {
     className: "text-base font-bold"
   }, title)), React__default.createElement("div", {
-    className: "flex ml-auto items-center max-w-sm md:max-w-md lg:max-w-lg xl:max-w-2xl gap-2 h-full min-w-0"
+    className: "flex items-center ml-auto gap-2 h-full min-w-0 max-w-full"
   }, filterOptions.length > 0 && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
     onClick: handleClear,
     className: "p-1.5 hover:text-red-500"
@@ -2943,7 +2939,7 @@ function PageHeader(_ref) {
     onClick: clickRight,
     className: "w-5 h-5 text-gray-400 stroke-[1.25]"
   }))), filteredActions.length > 0 && React__default.createElement("div", {
-    className: "flex items-center gap-3"
+    className: "flex items-center gap-3 bg-gray-100"
   }, filterOptions.length > 0 && React__default.createElement("div", {
     className: "w-[1px] h-full bg-gray-300"
   }), React__default.createElement("nav", {