@majapisoftwares/ui 4.3.15 → 4.3.17

package/components/PictureCropInput/PictureCropInput.jsx

@@ -1,16 +1,16 @@
+import { CheckIcon, TrashIcon } from "@heroicons/react/20/solid";
+import { PhotoIcon } from "@heroicons/react/24/outline";
+import clsx from "clsx";
 import { useCallback, useEffect, useId, useRef, useState, } from "react";
 import ReactCrop, {} from "react-image-crop";
+import { useLatest } from "react-use";
 import useDebounceEffect from "../../hooks/useDebounceEffect";
-import { canvasPreview } from "./canvasPreview";
-import Skeleton from "../Skeleton";
 import Button from "../Button";
-import { PhotoIcon } from "@heroicons/react/24/outline";
-import clsx from "clsx";
-import { CheckIcon, TrashIcon } from "@heroicons/react/20/solid";
-import Tooltip from "../Tooltip";
-import { useLatest } from "react-use";
 import { defaultLabelClassName } from "../Input";
-export default function PictureCropInput({ value, onChange, loading, className, previewSizeClassNames = "w-52", previewContainerClassName, cropButtonClassName, aspect, minWidth, minHeight, ref, label, }) {
+import Skeleton from "../Skeleton";
+import Tooltip from "../Tooltip";
+import { canvasPreview } from "./canvasPreview";
+export default function PictureCropInput({ value, onChange, loading, className, previewSizeClassNames = "size-52", previewContainerClassName, cropButtonClassName, aspect, minWidth, minHeight, ref, label, }) {
     const id = useId();
     const [src, setSrc] = useState();
     const [crop, setCrop] = useState();
@@ -118,7 +118,7 @@ export default function PictureCropInput({ value, onChange, loading, className,
       {label && (<label htmlFor={id} className={defaultLabelClassName}>
           {label}
         </label>)}
-      <div className="flex gap-2">
+      <div className="flex items-start gap-2">
         {loading && <Skeleton className={previewSizeClassNames}/>}
         {src && (<>
             <ReactCrop crop={crop} onChange={(c) => setCrop(c)} onComplete={(c) => setCompletedCrop(c)} aspect={aspect} minWidth={minWidth} minHeight={minHeight} className="max-h-96 max-w-96" keepSelection>

package/components/Table/TableFooterWithPagination.jsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useState } from "react";
 import Button from "../Button/Button";
 export default function TableFooterWithPagination({ itemsPerPage, totalItems, currentPage, onChangePage, previousText = "Previous", nextText = "Next", showingText = "Showing", toText = "to", ofText = "of", resultsText = "results", }) {
     const pageCount = totalItems !== undefined && itemsPerPage !== undefined
-        ? Math.floor(totalItems / itemsPerPage)
+        ? Math.ceil(totalItems / itemsPerPage)
         : 0;
     const [page, setPage] = useState(currentPage);
     useEffect(() => {
@@ -33,7 +33,7 @@ export default function TableFooterWithPagination({ itemsPerPage, totalItems, cu
         <Button disabled={page === 1} onClick={handlePageClick(page - 1)}>
           {previousText}
         </Button>
-        <Button disabled={page === pageCount - 1} onClick={handlePageClick(page + 1)}>
+        <Button disabled={page === pageCount} onClick={handlePageClick(page + 1)}>
           {nextText}
         </Button>
       </div>

package/package.json

@@ -4,5 +4,5 @@
     "type": "git",
     "url": "https://github.com/majapisoftwares/ui.git"
   },
-  "version": "4.3.15"
+  "version": "4.3.17"
 }