nitro-web 0.0.107 → 0.0.108

package/components/auth/reset.tsx

@@ -4,9 +4,10 @@ import { Errors } from 'nitro-web/types'
 type resetInstructionsProps = {
   className?: string,
   elements?: { Button?: typeof Button },
+  redirectTo?: string,
 }
 
-export function ResetInstructions({ className, elements }: resetInstructionsProps) {
+export function ResetInstructions({ className, elements, redirectTo }: resetInstructionsProps) {
   const navigate = useNavigate()
   const isLoading = useState(false)
   const [, setStore] = useTracked()
@@ -20,7 +21,7 @@ export function ResetInstructions({ className, elements }: resetInstructionsProp
     try {
       await request('post /api/reset-instructions', state, event, isLoading, setState)
       setStore((s) => ({ ...s, message: 'Done! Please check your email.' }))
-      navigate('/signin')
+      navigate(redirectTo || '/signin')
     } catch (e) {
       return setState({ ...state, errors: e as Errors })
     }
@@ -47,7 +48,7 @@ export function ResetInstructions({ className, elements }: resetInstructionsProp
   )
 }
 
-export function ResetPassword({ className, elements }: resetInstructionsProps) {
+export function ResetPassword({ className, elements, redirectTo }: resetInstructionsProps) {
   const navigate = useNavigate()
   const params = useParams()
   const isLoading = useState(false)
@@ -67,7 +68,7 @@ export function ResetPassword({ className, elements }: resetInstructionsProps) {
     try {
       const data = await request('post /api/reset-password', state, event, isLoading, setState)
       setStore((s) => ({ ...s, ...data }))
-      navigate('/')
+      navigate(redirectTo || '/')
     } catch (e) {
       return setState({ ...state, errors: e as Errors })
     }

package/components/auth/signin.tsx

@@ -4,9 +4,10 @@ import { Errors } from 'nitro-web/types'
 type signinProps = {
   className?: string,
   elements?: { Button?: typeof Button },
+  redirectTo?: string,
 }
 
-export function Signin({ className, elements }: signinProps) {
+export function Signin({ className, elements, redirectTo }: signinProps) {
   const navigate = useNavigate()
   const location = useLocation()
   const isSignout = location.pathname == '/signout'
@@ -48,7 +49,7 @@ export function Signin({ className, elements }: signinProps) {
       setStore((s) => ({ ...s, ...data }))
       setTimeout(() => { // wait for setStore
         if (location.search.includes('redirect')) navigate(location.search.replace('?redirect=', ''))
-        else navigate('/')
+        else navigate(redirectTo || '/')
       }, 100) 
     } catch (e) {
       return setState({ ...state, errors: e as Errors})

package/components/auth/signup.tsx

@@ -4,9 +4,10 @@ import { Errors } from 'nitro-web/types'
 type signupProps = {
   className?: string,
   elements?: { Button?: typeof Button },
+  redirectTo?: string,
 }
 
-export function Signup({ className, elements }: signupProps) {
+export function Signup({ className, elements, redirectTo }: signupProps) {
   const navigate = useNavigate()
   const isLoading = useState(false)
   const [, setStore] = useTracked()
@@ -26,7 +27,7 @@ export function Signup({ className, elements }: signupProps) {
     try {
       const data = await request('post /api/signup', state, e, isLoading, setState)
       setStore((prev) => ({ ...prev, ...data }))
-      setTimeout(() => navigate('/'), 0) // wait for setStore
+      setTimeout(() => navigate(redirectTo || '/'), 0) // wait for setStore
     } catch (e) {
       setState((prev) => ({ ...prev, errors: e as Errors }))
     }

package/components/partials/element/table.tsx

@@ -100,8 +100,8 @@ export function Table<T extends TableRow>({
     else return align == 'left' ? '' : align == 'center' ? 'text-center' : 'text-right'
   }, [])
 
-  // Reset selected rows when the location changes
-  useEffect(() => setSelectedRowIds([]), [location.key])
+  // Reset selected rows when the location changes, or the number of rows changed (e.g. when a row is removed)
+  useEffect(() => setSelectedRowIds([]), [location.key, rows.map(row => row?._id||'').join(',')])
 
   // --- Sorting ---
 
@@ -134,7 +134,8 @@ export function Table<T extends TableRow>({
             columns.map((col, j) => {
               const disableSort = col.disableSort || selectedRowIds.length
               const sideColor = j == 0 && rowSideColor ? rowSideColor(undefined) : undefined
-              const pl = j == 0 ? columnPaddingX : columnGap
+              const sideColorPadding = sideColor && rows.length > 0 ? sideColor.width + 5 : 0
+              const pl = sideColorPadding + (j == 0 ? columnPaddingX : columnGap)
               const pr = j == columns.length - 1 ? columnPaddingX : columnGap
               return (
                 <div
@@ -152,13 +153,10 @@ export function Table<T extends TableRow>({
                   )}
                 >
                   <div
-                    style={{ 
-                      maxHeight: rowContentHeightMax, 
-                      paddingLeft: sideColor && rows.length > 0 ? sideColor.width + 5 : 0,
-                    }}
+                    style={{ maxHeight: rowContentHeightMax }}
                     className={twMerge(
+                      col.value == 'checkbox' ? 'relative' : getLineClampClassName(col.rowLinesMax),
                       rowContentHeightMax ? 'overflow-hidden' : '',
-                      getLineClampClassName(col.rowLinesMax),
                       col.overflow ? 'overflow-visible' : '',
                       col.innerClassName
                     )}
@@ -175,7 +173,7 @@ export function Table<T extends TableRow>({
                               onChange={(e) => onSelect('all', e.target.checked)}
                             />
                             <div 
-                              className={`${selectedRowIds.length ? 'block' : 'hidden'} [&>*]:absolute [&>*]:inset-y-0 [&>*]:left-[68px] [&>*]:z-10`}
+                              className={`${selectedRowIds.length ? 'block' : 'hidden'} [&>*]:absolute [&>*]:inset-y-0 [&>*]:left-[35px] [&>*]:z-10 whitespace-nowrap`}
                             >
                               {generateCheckboxActions && generateCheckboxActions(selectedRowIds)}
                             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nitro-web",
-  "version": "0.0.107",
+  "version": "0.0.108",
   "repository": "github:boycce/nitro-web",
   "homepage": "https://boycce.github.io/nitro-web/",
   "description": "Nitro is a battle-tested, modular base project to turbocharge your projects, styled using Tailwind 🚀",

package/types/util.d.ts

@@ -1,5 +1,5 @@
 /**
- * Returns an address monastery schema which Google autocomplete should return
+ * Returns a monastery schema which matches the Google autocomplete output
  */
 export function addressSchema(): {
     city: {

package/types.ts

@@ -59,6 +59,24 @@ export type Store = {
   user?: User,
 }
 
+// util.addressSchema
+export type Address = {
+  city?: string
+  country?: string
+  full?: string
+  line1?: string
+  line2?: string
+  number?: string
+  postcode?: string
+  suburb?: string
+  unit?: string
+  area?: {
+    bottomLeft?: [number, number]
+    topRight?: [number, number]
+  }
+  location?: [number, number]
+}
+
 export type Svg = React.FC<React.SVGProps<SVGElement>>
 
 /*

package/util.js

@@ -35,7 +35,7 @@ let scrollbarCache
 let axiosNonce
 
 /**
- * Returns an address monastery schema which Google autocomplete should return
+ * Returns a monastery schema which matches the Google autocomplete output
  */
 export function addressSchema () {
   // Google autocomplete should return the following object