@star-insure/sdk 2.0.6 → 2.0.8

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

@@ -1,6 +1,6 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
     children: React.ReactNode;
 }
-export default function Table({ children }: Props): JSX.Element;
+export default function Table({ children, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> {
     children: React.ReactNode;
     className?: string;
 }
-export default function TableBody({ children, className }: Props): JSX.Element;
+export default function TableBody({ children, className, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement> {
     children: React.ReactNode;
     className?: string;
     condensed?: true;
 }
-export default function TableCell({ children, className, condensed }: Props): JSX.Element;
+export default function TableCell({ children, className, condensed, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement> {
     children: React.ReactNode;
     className?: string;
 }
-export default function TableHead({ children, className }: Props): JSX.Element;
+export default function TableHead({ children, className, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> {
     children: React.ReactNode;
     className?: string;
     textAlign?: 'left' | 'right' | 'center';
     sort?: string;
     condensed?: true;
 }
-export default function TableHeader({ children, className, sort, textAlign, condensed, }: Props): JSX.Element;
+export default function TableHeader({ children, className, sort, textAlign, condensed, ...props }: Props): JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import React from 'react';
-interface Props {
+interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
     children: React.ReactNode;
     className?: string;
     onClick?: () => void;
 }
-export default function TableRow({ children, className, onClick }: Props): JSX.Element;
+export default function TableRow({ children, className, onClick, ...props }: Props): JSX.Element;
 export {};

package/dist/sdk.cjs.development.js

@@ -721,6 +721,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
 var initialData = {
   id: undefined,
   status: 'new',
@@ -1150,7 +1165,7 @@ function Card(_ref) {
   var className = _ref.className,
       children = _ref.children;
   return React__default.createElement("div", {
-    className: (className != null ? className : '') + " flex flex-col items-start bg-white rounded-md shadow border border-gray-200 p-4 md:p-6"
+    className: (className != null ? className : '') + " flex flex-col items-start bg-white rounded-md shadow-sm border border-gray-300 p-4 md:p-6"
   }, children);
 }
 
@@ -1457,17 +1472,20 @@ function Modal(_ref) {
   })))), React__default.createElement("div", null, children))))));
 }
 
+var _excluded = ["children"];
 function Table(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   return React__default.createElement("div", {
     className: "-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8 text-sm"
   }, React__default.createElement("div", {
     className: "inline-block min-w-full py-2 align-middle md:px-6 lg:px-8"
   }, React__default.createElement("div", {
     className: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg"
-  }, React__default.createElement("table", {
+  }, React__default.createElement("table", Object.assign({}, props, {
     className: "min-w-full divide-y divide-gray-300"
-  }, children))));
+  }), children))));
 }
 
 function TableActions(_ref) {
@@ -1479,35 +1497,43 @@ function TableActions(_ref) {
   }, children);
 }
 
+var _excluded$1 = ["children", "className"];
 function TableBody(_ref) {
   var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return React__default.createElement("tbody", {
-    className: (className != null ? className : '') + " divide-y divide-gray-200 bg-white"
-  }, children);
+      className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+
+  return React__default.createElement("tbody", Object.assign({}, props, {
+    className: cn(className, 'divide-y divide-gray-200 bg-white')
+  }), children);
 }
 
+var _excluded$2 = ["children", "className", "condensed"];
 function TableCell(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      condensed = _ref.condensed;
-  return React__default.createElement("td", {
+      condensed = _ref.condensed,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+
+  return React__default.createElement("td", Object.assign({}, props, {
     className: cn(className, 'px-3 py-3 text-sm text-gray-500', {
       'w-0 whitespace-nowrap': condensed
     })
-  }, children);
+  }), children);
 }
 
+var _excluded$3 = ["children", "className"];
 function TableHead(_ref) {
   var children = _ref.children,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  return React__default.createElement("thead", {
-    className: className + " px-3 py-4 text-sm text-white bg-gray-600"
-  }, children);
+      className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+
+  return React__default.createElement("thead", Object.assign({}, props, {
+    className: cn(className, 'px-3 py-4 text-sm text-white bg-gray-600')
+  }), children);
 }
 
+var _excluded$4 = ["children", "className", "sort", "textAlign", "condensed"];
 function TableHeader(_ref) {
   var children = _ref.children,
       _ref$className = _ref.className,
@@ -1515,7 +1541,8 @@ function TableHeader(_ref) {
       sort = _ref.sort,
       _ref$textAlign = _ref.textAlign,
       textAlign = _ref$textAlign === void 0 ? 'left' : _ref$textAlign,
-      condensed = _ref.condensed;
+      condensed = _ref.condensed,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var _React$useState = React__default.useState(''),
       sortLink = _React$useState[0],
@@ -1538,11 +1565,11 @@ 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", {
+  return React__default.createElement("th", Object.assign({}, props, {
     className: cn(className, 'py-3.5 px-3 text-sm font-semibold text-left', {
       'w-0 whitespace-nowrap': condensed
     })
-  }, React__default.createElement("div", {
+  }), React__default.createElement("div", {
     className: "flex items-center gap-3 " + textAlignClass
   }, children, sort && React__default.createElement(react.Link, {
     href: sortLink
@@ -1560,17 +1587,20 @@ function TableHeader(_ref) {
   })))));
 }
 
+var _excluded$5 = ["children", "className", "onClick"];
 function TableRow(_ref) {
   var children = _ref.children,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
       _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+
   var bgClass = className.includes('bg') ? '' : 'bg-white even:bg-gray-50';
-  return React__default.createElement("tr", {
-    className: className + " " + bgClass + " hover:bg-gray-100",
+  return React__default.createElement("tr", Object.assign({}, props, {
+    className: cn(className, bgClass, 'hover:bg-gray-100'),
     onClick: onClick
-  }, children);
+  }), children);
 }
 
 function DateOfBirthField(_ref) {