@star-insure/sdk 1.2.0 → 2.0.1

package/dist/components/common/Button.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 interface Props {
     className?: string;
     href?: string;
@@ -10,5 +10,5 @@ interface Props {
     disabled?: boolean;
     as?: 'link' | 'button' | 'a';
 }
-export default function Button({ className, href, target, onClick, type, children, status, disabled, as }: Props): JSX.Element;
+export default function Button({ className, href, target, onClick, type, children, status, disabled, as, }: Props): JSX.Element;
 export {};

package/dist/components/common/SimplePagination.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Meta } from "../../types";
+interface Props {
+    className?: string;
+    meta: Meta;
+    showPerPageSelector?: boolean;
+}
+export default function SimplePagination({ meta, className, showPerPageSelector }: Props): JSX.Element;
+export {};

package/dist/components/common/index.d.ts

@@ -1,7 +1,8 @@
 import Button from './Button';
 import Card from './Card';
 import Pagination from './Pagination';
+import SimplePagination from './SimplePagination';
 import ToastItem from './ToastItem';
 import Toasts from './Toasts';
 import Modal from './Modal';
-export { Button, Card, Pagination, ToastItem, Toasts, Modal, };
+export { Button, Card, Pagination, SimplePagination, ToastItem, Toasts, Modal, };

package/dist/components/forms/ErrorList.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ErrorBag, Errors } from "@inertiajs/inertia";
+import { ErrorBag, Errors } from '@inertiajs/core';
 interface Props {
     heading?: string;
     errors?: Errors & ErrorBag;
     renderKeys?: boolean;
     className?: string;
 }
-export default function ErrorList({ heading, errors, renderKeys, className }: Props): JSX.Element;
+export default function ErrorList({ heading, errors, renderKeys, className, }: Props): JSX.Element;
 export {};

package/dist/components/tables/TableHeader.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import React from 'react';
 interface Props {
     children: React.ReactNode;
     className?: string;
     textAlign?: 'left' | 'right' | 'center';
     sort?: string;
 }
-export default function TableHeader({ children, className, sort, textAlign }: Props): JSX.Element;
+export default function TableHeader({ children, className, sort, textAlign, }: Props): JSX.Element;
 export {};

package/dist/lib/inertiaOptions.d.ts

@@ -1,4 +1,4 @@
-import type { VisitOptions } from '@inertiajs/inertia/types';
+import type { VisitOptions } from '@inertiajs/core';
 interface Options {
     successMessage?: string;
 }

package/dist/lib/quoteRequestForm.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { InertiaFormProps } from "@inertiajs/inertia-react";
+import { InertiaFormProps } from "@inertiajs/react/types/useForm";
 import type { QuoteRequest } from '../types';
+declare type QuoteRequestForm = QuoteRequest & Record<string, any>;
 interface QuoteRequestFormContextInterface {
-    form?: InertiaFormProps<QuoteRequest>;
+    form?: InertiaFormProps<QuoteRequestForm>;
     handleChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
 }
-export declare const initialData: QuoteRequest;
+export declare const initialData: QuoteRequestForm;
 export declare const QuoteRequestFormContext: React.Context<QuoteRequestFormContextInterface>;
 export declare function QuoteRequestFormProvider({ children }: {
     children: React.ReactNode;

package/dist/sdk.cjs.development.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var dateFns = require('date-fns');
-var inertiaReact = require('@inertiajs/inertia-react');
+var react = require('@inertiajs/react');
 var React = require('react');
 var React__default = _interopDefault(React);
 var uuid = require('uuid');
-var react = require('@headlessui/react');
+var react$1 = require('@headlessui/react');
 var lodash = require('lodash');
 var cn = _interopDefault(require('classnames'));
 
@@ -166,7 +166,7 @@ function sanitiseVehicleType(inputType) {
 }
 
 function useAuth() {
-  var _usePage = inertiaReact.usePage(),
+  var _usePage = react.usePage(),
       props = _usePage.props;
 
   return props.auth;
@@ -784,7 +784,7 @@ var initialData = {
 var QuoteRequestFormContext = /*#__PURE__*/React__default.createContext({});
 function QuoteRequestFormProvider(_ref) {
   var children = _ref.children;
-  var form = inertiaReact.useForm(initialData);
+  var form = react.useForm(initialData);
   /**
    * Handle the change event for all form inputs
    */
@@ -1134,7 +1134,7 @@ function Button(_ref) {
       }, children);
     }
 
-    return React__default.createElement(inertiaReact.Link, {
+    return React__default.createElement(react.Link, {
       href: href,
       className: classes
     }, children);
@@ -1199,7 +1199,7 @@ function Pagination(_ref) {
     className: "" + (className != null ? className : '')
   }, React__default.createElement("nav", {
     className: "font-bold flex justify-between items-center gap-6"
-  }, React__default.createElement(inertiaReact.Link, {
+  }, React__default.createElement(react.Link, {
     href: prevPageLink,
     className: "flex items-center gap-2",
     disabled: current_page === 1
@@ -1227,7 +1227,7 @@ function Pagination(_ref) {
     value: "50"
   }, "50 per page"), React__default.createElement("option", {
     value: "100"
-  }, "100 per page")) : ''), React__default.createElement(inertiaReact.Link, {
+  }, "100 per page")) : ''), React__default.createElement(react.Link, {
     href: nextPageLink,
     className: "flex items-center gap-2",
     disabled: current_page === page_count
@@ -1245,6 +1245,100 @@ function Pagination(_ref) {
   })))));
 }
 
+function SimplePagination(_ref) {
+  var meta = _ref.meta,
+      className = _ref.className,
+      _ref$showPerPageSelec = _ref.showPerPageSelector,
+      showPerPageSelector = _ref$showPerPageSelec === void 0 ? false : _ref$showPerPageSelec;
+  var current_page = meta.current_page,
+      per_page = meta.per_page,
+      to = meta.to,
+      from = meta.from;
+  var results_on_page = to - from + 1;
+  var has_more_pages = results_on_page === per_page;
+
+  function getNextPageLink() {
+    if (typeof window !== 'undefined') {
+      var search = new URLSearchParams(window.location.search);
+      search.set('page', String(current_page + 1));
+      return "?" + search.toString();
+    }
+
+    return '';
+  }
+
+  function getPrevPageLink() {
+    if (typeof window !== 'undefined') {
+      var search = new URLSearchParams(window.location.search);
+      search.set('page', String(current_page - 1));
+      return "?" + search.toString();
+    }
+
+    return '';
+  }
+
+  var nextPageLink = getNextPageLink();
+  var prevPageLink = getPrevPageLink();
+
+  function handlePerPageChange(e) {
+    var _window;
+
+    var search = new URLSearchParams((_window = window) == null ? void 0 : _window.location.search);
+    search.set('limit', e.currentTarget.value);
+    search.set('page', '1');
+    window.location.href = "?" + search.toString();
+  }
+
+  return React__default.createElement("div", {
+    className: "" + (className != null ? className : '')
+  }, React__default.createElement("nav", {
+    className: "font-bold flex justify-between items-center gap-6"
+  }, React__default.createElement(react.Link, {
+    href: prevPageLink,
+    className: "flex items-center gap-2",
+    disabled: current_page === 1
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "h-4 w-4",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+  })), "Prev"), React__default.createElement("div", {
+    className: "flex gap-6 items-center"
+  }, React__default.createElement("p", null, "Page ", current_page), showPerPageSelector ? React__default.createElement("select", {
+    value: per_page,
+    onChange: handlePerPageChange
+  }, React__default.createElement("option", {
+    value: "10"
+  }, "10 per page"), React__default.createElement("option", {
+    value: "25"
+  }, "25 per page"), React__default.createElement("option", {
+    value: "50"
+  }, "50 per page"), React__default.createElement("option", {
+    value: "100"
+  }, "100 per page")) : ''), React__default.createElement(react.Link, {
+    href: nextPageLink,
+    className: "flex items-center gap-2",
+    disabled: !has_more_pages
+  }, "Next", React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "h-4 w-4",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    stroke: "currentColor",
+    strokeWidth: "2"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M14 5l7 7m0 0l-7 7m7-7H3"
+  })))));
+}
+
 function ToastItem(_ref) {
   var _ref$_id = _ref._id,
       _id = _ref$_id === void 0 ? '' : _ref$_id,
@@ -1263,7 +1357,7 @@ function ToastItem(_ref) {
     removeToast(_id);
   }
 
-  return React__default.createElement(react.Transition, {
+  return React__default.createElement(react$1.Transition, {
     show: true,
     appear: true,
     enter: "transition-all duration-300",
@@ -1311,16 +1405,16 @@ function Modal(_ref) {
       isActive = _ref$isActive === void 0 ? false : _ref$isActive,
       onClose = _ref.onClose,
       title = _ref.title;
-  return React__default.createElement(react.Transition.Root, {
+  return React__default.createElement(react$1.Transition.Root, {
     show: isActive,
     as: React.Fragment
-  }, React__default.createElement(react.Dialog, {
+  }, React__default.createElement(react$1.Dialog, {
     as: "div",
     className: "fixed z-[110] inset-0 overflow-y-auto",
     onClose: onClose
   }, React__default.createElement("div", {
     className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
-  }, React__default.createElement(react.Transition.Child, {
+  }, React__default.createElement(react$1.Transition.Child, {
     as: React.Fragment,
     enter: "ease-out duration-300",
     enterFrom: "opacity-0",
@@ -1328,9 +1422,9 @@ function Modal(_ref) {
     leave: "ease-in duration-200",
     leaveFrom: "opacity-100",
     leaveTo: "opacity-0"
-  }, React__default.createElement(react.Dialog.Overlay, {
+  }, React__default.createElement(react$1.Dialog.Overlay, {
     className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"
-  })), React__default.createElement(react.Transition.Child, {
+  })), React__default.createElement(react$1.Transition.Child, {
     as: React.Fragment,
     enter: "ease-out duration-300",
     enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1444,7 +1538,7 @@ function TableHeader(_ref) {
     className: className + " py-3.5 px-3 text-sm font-semibold text-left"
   }, React__default.createElement("div", {
     className: "flex items-center gap-3 " + textAlignClass
-  }, children, sort && React__default.createElement(inertiaReact.Link, {
+  }, children, sort && React__default.createElement(react.Link, {
     href: sortLink
   }, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2076,6 +2170,7 @@ exports.QuoteRequestFormContext = QuoteRequestFormContext;
 exports.QuoteRequestFormProvider = QuoteRequestFormProvider;
 exports.QuoteRequestOptionsProvider = QuoteRequestOptionsProvider;
 exports.RegistrationSearchField = RegistrationSearchField;
+exports.SimplePagination = SimplePagination;
 exports.Table = Table;
 exports.TableActions = TableActions;
 exports.TableBody = TableBody;