@alpaca-editor/core 1.0.3880 → 1.0.3881

package/src/editor/ui/ItemNameDialog.tsx

@@ -1,94 +0,0 @@
-import { Dialog } from "primereact/dialog";
-
-import {
-  forwardRef,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from "react";
-import DialogButtons from "./DialogButtons";
-import { Button } from "primereact/button";
-import { InputText } from "primereact/inputtext";
-
-export interface ItemNameDialogHandle {
-  show: (props: ItemNameDialogProps) => void;
-}
-
-export type ItemNameDialogProps = {
-  name?: string;
-  title?: string;
-  message?: string;
-  accept: (name: string) => void;
-  onClose?: (result: string | null) => void;
-};
-
-type ItemNameDialogPropsInternal = {};
-
-export const ItemNameDialog = forwardRef<
-  ItemNameDialogHandle,
-  ItemNameDialogPropsInternal
->((_props, ref) => {
-  const [visible, setVisible] = useState(false);
-
-  const [props, setProps] = useState<ItemNameDialogProps>();
-
-  const [name, setName] = useState("");
-  const nameRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    setName(props?.name || "");
-  }, [props]);
-
-  useImperativeHandle(ref, () => ({
-    show: (props: ItemNameDialogProps) => {
-      setVisible(true);
-      setProps(props);
-    },
-  }));
-
-  if (!visible) return null;
-
-  if (!props) return null;
-
-  const isValidName = name.trim().length > 0;
-
-  const handleOk = () => {
-    setVisible(false);
-    props?.accept(name);
-    props.onClose?.(name);
-  };
-
-  return (
-    <Dialog
-      visible={visible}
-      onHide={() => {
-        setVisible(false);
-      }}
-      onShow={() => {
-        nameRef.current?.focus();
-      }}
-      style={{ width: "400px" }}
-      header={props?.title ?? "Name"}
-    >
-      <div className="py-3">
-        <div className="text-sm my-2">
-          {props.message || "Enter a name for the new item:"}
-        </div>
-        <InputText
-          ref={nameRef}
-          value={name}
-          className="w-full"
-          onChange={(e) => setName(e.target.value)}
-          onKeyDown={(ev) => {
-            if (ev.key === "Enter" && isValidName) handleOk();
-          }}
-        />
-      </div>
-      <DialogButtons>
-        <Button onClick={handleOk} label="Ok" disabled={!isValidName} />
-        <Button onClick={() => props.onClose?.(null)} label="Cancel" />
-      </DialogButtons>
-    </Dialog>
-  );
-});