@majapisoftwares/ui 4.3.11 → 4.3.13

package/components/Accordion/Accordion.d.ts

@@ -1,9 +1,6 @@
-import { type ReactNode } from "react";
-declare function Accordion({ children, className, type, }: {
-    children?: ReactNode;
-    className?: string;
-    type?: "single" | "multiple";
-}): import("react").JSX.Element;
+import { type ComponentProps, type ReactNode } from "react";
+import * as RAccordion from "@radix-ui/react-accordion";
+declare function Accordion({ children, className, ...props }: ComponentProps<typeof RAccordion.Root>): import("react").JSX.Element;
 declare namespace Accordion {
     var Item: typeof AccordionItem;
 }

package/components/Accordion/Accordion.jsx

@@ -2,8 +2,8 @@ import { ChevronUpIcon } from "@heroicons/react/20/solid";
 import { useId } from "react";
 import * as RAccordion from "@radix-ui/react-accordion";
 import clsx from "../../utils/clsx";
-export default function Accordion({ children, className, type = "multiple", }) {
-    return (<RAccordion.Root type={type} className={clsx("flex flex-col gap-2", className)} collapsible={type === "single" || undefined}>
+export default function Accordion({ children, className, ...props }) {
+    return (<RAccordion.Root {...props} className={clsx("flex flex-col gap-2", className)} {...(props.type === "single" ? { collapsible: true } : {})}>
       {children}
     </RAccordion.Root>);
 }

package/components/PictureCropInput/PictureCropInput.d.ts

@@ -4,7 +4,7 @@ export type PictureCropInputRef = {
     handleCrop: () => Promise<void>;
     completedCrop: PixelCrop | undefined;
 };
-export default function PictureCropInput({ value, onChange, loading, className, previewSizeClassNames, previewContainerClassName, cropButtonClassName, aspect, ref, label, }: {
+export default function PictureCropInput({ value, onChange, loading, className, previewSizeClassNames, previewContainerClassName, cropButtonClassName, aspect, minWidth, minHeight, ref, label, }: {
     value?: string;
     onChange: (value?: string) => void;
     loading?: boolean;
@@ -13,6 +13,8 @@ export default function PictureCropInput({ value, onChange, loading, className,
     previewContainerClassName?: string;
     cropButtonClassName?: string;
     aspect?: number;
+    minWidth?: number;
+    minHeight?: number;
     ref?: RefObject<PictureCropInputRef | null>;
     label?: string;
 }): import("react").JSX.Element;

package/components/PictureCropInput/PictureCropInput.jsx

@@ -10,7 +10,7 @@ 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 = "h-52 w-52", previewContainerClassName, cropButtonClassName, aspect = 1, ref, label, }) {
+export default function PictureCropInput({ value, onChange, loading, className, previewSizeClassNames = "w-52", previewContainerClassName, cropButtonClassName, aspect, minWidth, minHeight, ref, label, }) {
     const id = useId();
     const [src, setSrc] = useState();
     const [crop, setCrop] = useState();
@@ -121,7 +121,7 @@ export default function PictureCropInput({ value, onChange, loading, className,
       <div className="flex gap-2">
         {loading && <Skeleton className={previewSizeClassNames}/>}
         {src && (<>
-            <ReactCrop crop={crop} onChange={(c) => setCrop(c)} onComplete={(c) => setCompletedCrop(c)} aspect={aspect} minWidth={50 * aspect} minHeight={50 * aspect} className="max-h-96 max-w-96" keepSelection>
+            <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>
               {/* eslint-disable-next-line @next/next/no-img-element */}
               <img alt="Picture" src={src} 
         // className="h-96 w-96 object-contain"

package/package.json

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