@star-insure/sdk 2.0.0 → 2.0.2

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/tables/TableCell.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface Props {
     children: React.ReactNode;
     className?: string;
+    condensed?: true;
 }
-export default function TableCell({ children, className }: Props): JSX.Element;
+export default function TableCell({ children, className, condensed }: Props): JSX.Element;
 export {};

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

@@ -4,6 +4,7 @@ interface Props {
     className?: string;
     textAlign?: 'left' | 'right' | 'center';
     sort?: string;
+    condensed?: true;
 }
-export default function TableHeader({ children, className, sort, textAlign, }: Props): JSX.Element;
+export default function TableHeader({ children, className, sort, textAlign, condensed, }: Props): JSX.Element;
 export {};

package/dist/sdk.cjs.development.js

@@ -10,8 +10,8 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var uuid = require('uuid');
 var react$1 = require('@headlessui/react');
-var lodash = require('lodash');
 var cn = _interopDefault(require('classnames'));
+var lodash = require('lodash');
 
 function parseDate(dateString) {
   // Make sure we've only got 10 characters
@@ -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,
@@ -1395,10 +1489,12 @@ function TableBody(_ref) {
 
 function TableCell(_ref) {
   var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
+      className = _ref.className,
+      condensed = _ref.condensed;
   return React__default.createElement("td", {
-    className: className + " px-3 py-3 text-sm text-gray-500"
+    className: cn(className, 'px-3 py-3 text-sm text-gray-500', {
+      'w-0 whitespace-nowrap': condensed
+    })
   }, children);
 }
 
@@ -1417,7 +1513,8 @@ function TableHeader(_ref) {
       className = _ref$className === void 0 ? '' : _ref$className,
       sort = _ref.sort,
       _ref$textAlign = _ref.textAlign,
-      textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign;
+      textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,
+      condensed = _ref.condensed;
 
   var _React$useState = React__default.useState(''),
       sortLink = _React$useState[0],
@@ -1441,7 +1538,9 @@ function TableHeader(_ref) {
   }, []);
   var textAlignClass = textAlign === 'center' && 'text-center justify-center' || textAlign === 'right' && 'text-right justify-end' || 'text-left justify-between';
   return React__default.createElement("th", {
-    className: className + " py-3.5 px-3 text-sm font-semibold text-left"
+    className: cn(className, 'py-3.5 px-3 text-sm font-semibold text-left', {
+      'w-0 whitespace-nowrap': condensed
+    })
   }, React__default.createElement("div", {
     className: "flex items-center gap-3 " + textAlignClass
   }, children, sort && React__default.createElement(react.Link, {
@@ -2076,6 +2175,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;