@majapisoftwares/ui 4.0.6 → 4.1.1

package/components/Accordion/Accordion.jsx

@@ -3,25 +3,25 @@ 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>
-      {children}
+    return (<RAccordion.Root type={type} className={clsx("flex flex-col gap-2", className)} collapsible={type === "single" || undefined}>
+      {children}
     </RAccordion.Root>);
 }
 Accordion.Item = AccordionItem;
 function AccordionItem({ children, title, value, className, triggerClassName, contentClassName, contentInnerClassName, }) {
     const id = useId();
     value = value || id;
-    return (<RAccordion.Item value={value} className={className}>
-      <RAccordion.Header>
-        <RAccordion.Trigger className={clsx("group focus-visible:ring-opacity-75 flex w-full justify-between rounded-lg bg-zinc-200 px-4 py-2 text-left text-sm font-medium transition hover:bg-zinc-300 focus:outline-hidden focus-visible:ring-3 focus-visible:ring-purple-500 dark:bg-zinc-800 dark:hover:bg-zinc-700", triggerClassName)}>
-          {title}
-          <ChevronUpIcon className="h-5 w-5 transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"/>
-        </RAccordion.Trigger>
-      </RAccordion.Header>
-      <RAccordion.Content className={clsx("data-[state=closed]:animate-slide-up data-[state=open]:animate-slide-down overflow-hidden", contentClassName)}>
-        <div className={clsx("px-4 pt-2 pb-2", contentInnerClassName)}>
-          {children}
-        </div>
-      </RAccordion.Content>
+    return (<RAccordion.Item value={value} className={className}>
+      <RAccordion.Header>
+        <RAccordion.Trigger className={clsx("group focus-visible:ring-opacity-75 flex w-full justify-between rounded-lg bg-zinc-200 px-4 py-2 text-left text-sm font-medium transition hover:bg-zinc-300 focus:outline-hidden focus-visible:ring-3 focus-visible:ring-purple-500 dark:bg-zinc-800 dark:hover:bg-zinc-700", triggerClassName)}>
+          {title}
+          <ChevronUpIcon className="h-5 w-5 transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"/>
+        </RAccordion.Trigger>
+      </RAccordion.Header>
+      <RAccordion.Content className={clsx("data-[state=closed]:animate-slide-up data-[state=open]:animate-slide-down overflow-hidden", contentClassName)}>
+        <div className={clsx("px-4 pt-2 pb-2", contentInnerClassName)}>
+          {children}
+        </div>
+      </RAccordion.Content>
     </RAccordion.Item>);
 }

package/components/Markdown/Markdown.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { ConverterOptions } from "showdown";
+import React, { ComponentProps } from "react";
+import ReactMarkdown from "react-markdown";
 export type MarkdownProps = {
     children?: string;
     className?: string;
-    options?: ConverterOptions;
+    options?: ComponentProps<typeof ReactMarkdown>;
 };
 export default function Markdown({ children, className, options, }: MarkdownProps): React.JSX.Element;

package/components/Markdown/Markdown.jsx

@@ -1,13 +1,11 @@
-import React, { useMemo } from "react";
+import React from "react";
+import ReactMarkdown from "react-markdown";
 import clsx from "../../utils/clsx";
-import showdown from "showdown";
+import remarkGfm from "remark-gfm";
 export default function Markdown({ children, className, options, }) {
-    const converter = useMemo(() => new showdown.Converter(options), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [JSON.stringify(options)]);
-    return (<div className={clsx("prose prose-zinc max-w-full dark:prose-invert", className)} dangerouslySetInnerHTML={children
-            ? {
-                __html: converter.makeHtml(children),
-            }
-            : undefined}/>);
+    return (<div className={clsx("prose prose-zinc dark:prose-invert max-w-full", "[&_.contains-task-list]:list-none [&_.contains-task-list]:pl-0", "[&_.task-list-item_input[type='checkbox']]:-mt-1", className)}>
+      <ReactMarkdown remarkPlugins={[remarkGfm, ...(options?.remarkPlugins || [])]} {...options}>
+        {children}
+      </ReactMarkdown>
+    </div>);
 }

package/package.json

@@ -4,6 +4,6 @@
     "type": "git",
     "url": "https://github.com/majapisoftwares/ui.git"
   },
-  "version": "4.0.6",
+  "version": "4.1.1",
   "type": "module"
 }