@k3-universe/react-kit 0.0.27 → 0.0.29

package/src/kit/builder/stack-dialog/provider.tsx

@@ -1,36 +1,36 @@
-import { PropsWithChildren, useCallback, useRef, useState } from 'react';
+import { type PropsWithChildren, useCallback, useRef, useState } from 'react';
 import { StackDialogContext } from './context';
 import { StackDialogRenderer } from './renderer';
-import { StackDialogCreateConfig, StackDialogInstance } from './types';
+import type { StackDialogCreateConfig, StackDialogInstance } from './types';
 
 export function StackDialogContextProvider(props: PropsWithChildren) {
   const [activeDialogs, setActiveDialogs] = useState<StackDialogInstance[]>([]);
-  const ids = useRef<number>(0)
+  const ids = useRef<number>(0);
 
   const handleCreateDialog = useCallback((config: StackDialogCreateConfig) => {
     const dialogId = config.id ?? (ids.current++).toString();
 
-    setActiveDialogs(prev => {
+    setActiveDialogs((prev) => {
       const clone = [...prev];
       clone.push({ ...config, id: dialogId });
       return clone;
     });
 
     return dialogId;
-  }, [setActiveDialogs]);
+  }, []);
 
   const handleCloseDialog = useCallback((id?: string) => {
-    setActiveDialogs(prev => {
+    setActiveDialogs((prev) => {
       const clone = [...prev];
       if (!id) clone.splice(clone.length - 1, 1);
-      else clone.splice(clone.findIndex((d) => (d.id === id)));
+      else clone.splice(clone.findIndex((d) => d.id === id));
       return clone;
     });
-  }, [setActiveDialogs]);
+  }, []);
 
   const handleCloseAllDialog = useCallback(() => {
     setActiveDialogs([]);
-  }, [setActiveDialogs]);
+  }, []);
 
   return (
     <StackDialogContext.Provider
@@ -47,5 +47,5 @@ export function StackDialogContextProvider(props: PropsWithChildren) {
         closeDialog={handleCloseDialog}
       />
     </StackDialogContext.Provider>
-  )
-}
+  );
+}

package/src/kit/builder/stack-dialog/renderer.tsx

@@ -1,39 +1,36 @@
 import { cn } from '../../../shadcn/lib/utils';
 import { Dialog, DialogContent } from '../../../shadcn/ui/dialog';
-import { StackDialogInstance } from './types';
+import type { StackDialogInstance } from './types';
 
 export function StackDialogRenderer(props: {
-  dialogs: StackDialogInstance[],
-  closeDialog: (id: string) => void
+  dialogs: StackDialogInstance[];
+  closeDialog: (id: string) => void;
 }) {
   const handleCloseDialog = (dialog: StackDialogInstance) => () => {
     if (dialog.onInterruptClosing == null) {
       props.closeDialog(dialog.id);
+    } else if (dialog.onInterruptClosing()) {
+      props.closeDialog(dialog.id);
     }
-    else if (dialog.onInterruptClosing()) {
-      props.closeDialog(dialog.id)
-    }
-  }
+  };
 
   return props.dialogs.map((dialog, i) => (
-    (
-      <Dialog
-        open={!!props.dialogs[i]}
-        onOpenChange={handleCloseDialog(dialog)}
-        key={dialog.id}
+    <Dialog
+      open={!!props.dialogs[i]}
+      onOpenChange={handleCloseDialog(dialog)}
+      key={dialog.id}
+    >
+      <DialogContent
+        className={cn('w-auto min-w-[300px]', dialog.dialogContentClassName)}
+        onEscapeKeyDown={(e) => {
+          if (dialog.closeOnEscapePressed === false) e.preventDefault();
+        }}
+        onInteractOutside={(e) => {
+          if (dialog.closeOnInteractOutside === false) e.preventDefault();
+        }}
       >
-        <DialogContent
-          className={cn("w-auto min-w-[300px]", dialog.dialogContentClassName)}
-          onEscapeKeyDown={e => {
-            if (dialog.closeOnEscapePressed === false) e.preventDefault();
-          }}
-          onInteractOutside={e => {
-            if (dialog.closeOnInteractOutside === false) e.preventDefault();
-          }}
-        >
-          {dialog.template}
-        </DialogContent>
-      </Dialog>
-    )
+        {dialog.template}
+      </DialogContent>
+    </Dialog>
   ));
-}
+}

package/src/kit/builder/stack-dialog/types.ts

@@ -1,34 +1,34 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 export type StackDialogContextInstance = {
-  activeDialogs: StackDialogInstance[],
-  createDialog: (config: StackDialogCreateConfig) => string,
-  closeDialog: (id?: string) => void,
-  closeAllDialogs: () => void,
+  activeDialogs: StackDialogInstance[];
+  createDialog: (config: StackDialogCreateConfig) => string;
+  closeDialog: (id?: string) => void;
+  closeAllDialogs: () => void;
 };
 
 export type StackDialogInstance = {
-  id: string,
-  template: ReactNode,
-  dialogContentClassName?: string,
-  onInterruptClosing?: () => boolean,
-  closeOnInteractOutside?: boolean,
-  closeOnEscapePressed?: boolean,
+  id: string;
+  template: ReactNode;
+  dialogContentClassName?: string;
+  onInterruptClosing?: () => boolean;
+  closeOnInteractOutside?: boolean;
+  closeOnEscapePressed?: boolean;
 };
 
 export type StackDialogCreateConfig = {
   /** Optional ID for the dialog, generated when omited. */
-  id?: string,
+  id?: string;
   /** The element to be rendered in the dialog. */
-  template: ReactNode,
+  template: ReactNode;
   /** Return **`true`** to continue closing the dialog. */
-  onInterruptClosing?: () => boolean,
+  onInterruptClosing?: () => boolean;
   /** Allow closing the dialog by clicking outside of dialog. */
-  closeOnInteractOutside?: boolean,
+  closeOnInteractOutside?: boolean;
   /** Allow closing the dialog by pressing Escape key. */
-  closeOnEscapePressed?: boolean,
+  closeOnEscapePressed?: boolean;
   /** Classname for DialogContent */
-  dialogContentClassName?: string,
+  dialogContentClassName?: string;
 };
 
-export type StackDialogHook = Omit<StackDialogContextInstance, "activeDialogs">
+export type StackDialogHook = Omit<StackDialogContextInstance, 'activeDialogs'>;