@idds/react 1.4.3 → 1.4.5

package/dist/index.es.js

@@ -535,7 +535,9 @@ function clsx() {
   for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
-const AccordionGroupContext = createContext(null);
+const AccordionGroupContext = createContext(
+  null
+);
 function useAccordionGroup() {
   const context = useContext(AccordionGroupContext);
   return context;
@@ -557,19 +559,29 @@ function AccordionGroup(props) {
   const [version, setVersion] = useState(0);
   const openIndexesRef = useRef(openIndexes);
   openIndexesRef.current = openIndexes;
-  const registerItem = useCallback((itemId, defaultOpen) => {
-    const index = itemsRef.current.size;
-    itemsRef.current.set(itemId, index);
-    if (!allowMultiple && defaultOpen) {
-      setOpenIndexes((prev) => {
-        if (prev.length === 0) {
-          return [index];
-        }
-        return prev;
-      });
-    }
-    return index;
-  }, [allowMultiple]);
+  const registerItem = useCallback(
+    (itemId, defaultOpen) => {
+      const index = itemsRef.current.size;
+      itemsRef.current.set(itemId, index);
+      if (defaultOpen) {
+        setOpenIndexes((prev) => {
+          if (allowMultiple) {
+            if (!prev.includes(index)) {
+              return [...prev, index];
+            }
+            return prev;
+          } else {
+            if (prev.length === 0) {
+              return [index];
+            }
+            return prev;
+          }
+        });
+      }
+      return index;
+    },
+    [allowMultiple]
+  );
   const unregisterItem = useCallback((itemId) => {
     const index = itemsRef.current.get(itemId);
     if (index !== void 0) {
@@ -629,7 +641,14 @@ function AccordionGroup(props) {
       version
       // Include version untuk trigger re-render
     }),
-    [allowMultiple, registerItem, unregisterItem, handleItemToggle, isItemOpen, version]
+    [
+      allowMultiple,
+      registerItem,
+      unregisterItem,
+      handleItemToggle,
+      isItemOpen,
+      version
+    ]
   );
   return /* @__PURE__ */ jsx(AccordionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: clsx("ina-accordion-group", className), children }) });
 }
@@ -2581,7 +2600,8 @@ function FileUpload({
   disabled = false,
   className = "",
   onChange,
-  onRemove
+  onRemove,
+  ...rest
 }) {
   const fileInputRef = useRef(null);
   const [files, setFiles] = useState([]);
@@ -2789,12 +2809,13 @@ function FileUpload({
           /* @__PURE__ */ jsx(
             "input",
             {
+              ...rest,
               ref: fileInputRef,
               type: "file",
               accept: type,
               multiple,
               disabled,
-              className: "ina-file-upload__input",
+              className: clsx("ina-file-upload__input", className),
               onChange: handleFileChange
             }
           ),
@@ -2967,7 +2988,8 @@ function SingleFileUpload({
   progress: externalProgress,
   status: externalStatus,
   onChange,
-  onRemove
+  onRemove,
+  ...rest
 }) {
   const fileInputRef = useRef(null);
   const [file, setFile] = useState(null);
@@ -3199,11 +3221,12 @@ function SingleFileUpload({
     /* @__PURE__ */ jsx(
       "input",
       {
+        ...rest,
         ref: fileInputRef,
         type: "file",
         accept,
         disabled,
-        className: "ina-single-file-upload__input",
+        className: clsx("ina-single-file-upload__input", className),
         onChange: handleFileChange
       }
     ),