@majapisoftwares/ui 4.1.4 → 4.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -9,7 +9,7 @@ export default function Breadcrumbs({ pages, homeHref = "/", className, loading,
|
|
|
9
9
|
return null;
|
|
10
10
|
}
|
|
11
11
|
return (<nav className={clsx("flex", className)} aria-label="Breadcrumb">
|
|
12
|
-
<ol role="list" className="flex w-full space-x-4 bg-white px-6 shadow-sm md:w-auto md:rounded-md dark:border-y dark:border-zinc-800 dark:bg-zinc-900 md:dark:border-x">
|
|
12
|
+
<ol role="list" className="flex w-full space-x-4 overflow-auto bg-white px-6 whitespace-nowrap shadow-sm md:w-auto md:rounded-md dark:border-y dark:border-zinc-800 dark:bg-zinc-900 md:dark:border-x">
|
|
13
13
|
<li className="flex">
|
|
14
14
|
<div className="flex items-center">
|
|
15
15
|
<NextLink href={homeHref} className="text-zinc-400 hover:text-zinc-500 dark:hover:text-zinc-200">
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
2
|
import FileInput from "../FileInput";
|
|
3
|
-
declare function ImageInput({ icon, uploadAFileText, allowedFileTypes, fileDisplay, ...props }: ComponentProps<typeof FileInput
|
|
3
|
+
declare function ImageInput<PFP extends object>({ icon, uploadAFileText, allowedFileTypes, fileDisplay, ...props }: ComponentProps<typeof FileInput<PFP>>): import("react").JSX.Element;
|
|
4
4
|
export default ImageInput;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import FileInput from "../FileInput";
|
|
2
|
-
const defaultIcon = (<svg stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
|
|
3
|
-
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round"/>
|
|
2
|
+
const defaultIcon = (<svg stroke="currentColor" fill="none" viewBox="0 0 48 48" aria-hidden="true">
|
|
3
|
+
<path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round"/>
|
|
4
4
|
</svg>);
|
|
5
5
|
function ImageInput({ icon = defaultIcon, uploadAFileText = "Upload an image", allowedFileTypes = [".png", ".jpg", ".jpeg", ".webp"], fileDisplay = "preview", ...props }) {
|
|
6
6
|
return (<FileInput {...props} icon={icon} uploadAFileText={uploadAFileText} allowedFileTypes={allowedFileTypes} fileDisplay={fileDisplay}/>);
|