@star-insure/sdk 3.1.3 → 3.2.0

package/dist/sdk.esm.js

@@ -7,7 +7,6 @@ import cn from 'classnames';
 import { padStart } from 'lodash-es';
 import { HiArrowLeft, HiMagnifyingGlass, HiXMark, HiChevronDown, HiChevronLeft, HiChevronRight } from 'react-icons/hi2';
 import Select from 'react-select';
-import { createHost, createSlot } from 'create-slots';
 import { router as router$1 } from '@inertiajs/core';
 
 function parseDate(dateString) {
@@ -2233,7 +2232,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],
@@ -2265,7 +2265,7 @@ function BackButton(_ref) {
   }, [breadcrumbs]);
   return React__default.createElement(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(HiArrowLeft, {
     className: "h-5 w-5 stroke-[1.25]"
   }));
@@ -2408,13 +2408,11 @@ function Action(_ref) {
   }, title);
 }
 
-var DropdownTitle = /*#__PURE__*/createSlot('button');
-var DropdownContent = /*#__PURE__*/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 () {
@@ -2428,18 +2426,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 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;
@@ -2649,17 +2643,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(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(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", {
@@ -2900,14 +2895,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,
@@ -2915,7 +2911,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"
@@ -2936,7 +2932,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", {