;
+
+const NavigationEntry = (props: { events: Registry
+
+
+ }
+
+ rightIcon={() =>
+
+
+
+ }
+
+ onChange={path => this.onPathEntered(path)}
+ onBlur={() => this.onInputPathBluer()}
+ />
+ );
+ } else if(this.state.state === "navigating" || this.state.state === "normal") {
+ input = (
+ this.onPathClicked(event, -1)}>
+
+
+ }
+
+ rightIcon={() =>
+ this.onButtonRefreshClicked()} >
+
+
+ }
+
+ inputBox={() =>
+
+ {this.state.currentPath.split("/").filter(e => !!e).map((e, index, arr) => [
+
+ }
+
+ editable={this.state.state === "normal"}
+ onFocus={() => this.onRenderedPathClicked()}
+ />
+ );
+ }
+
+ return {input}
;
+ }
+
+ componentDidUpdate(prevProps: Readonly![{tr("File")}]({"img/icon_file_text.svg"}){kind=icon}
;
+ } else {
+ switch (props.file.mode) {
+ case "normal":
+ icon = ![{tr("Directory]({"img/icon_folder.svg"} "{tr(\"Directory\")}"){kind=icon}
;
+ break;
+
+ case "create":
+ case "creating":
+ case "empty":
+ icon = ![{tr("Empty]({"img/icon_folder_empty.svg"} "{tr(\"Empty"){kind=icon}
;
+ break;
+
+ case "password":
+ icon = ![{tr("Directory]({"img/icon_folder_password.svg"} "{tr(\"Password"){kind=icon}
;
+ break;
+
+ default:
+ throw tr("Invalid directory state");
+ }
+ }
+
+ let name;
+ if(editing && props.file.mode !== "creating" && props.file.mode !== "uploading") {
+ name = {
+ let name = event.target.value;
+ setEditing(false);
+
+ if(props.file.mode === "create") {
+ name = name || props.file.name;
+
+ props.events.fire("action_create_directory", {
+ path: props.path,
+ name: name
+ });
+ setFileName(name);
+ props.file.name = name;
+ props.file.mode = "creating";
+ } else {
+ if(name.length > 0 && name !== props.file.name) {
+ props.events.fire("action_rename_file", { oldName: props.file.name, newName: name, oldPath: props.path, newPath: props.path });
+ setFileName(name);
+ }
+ }
+ }}
+
+ onKeyPress={event => {
+ if(event.key === "Enter") {
+ event.currentTarget.blur();
+ return;
+ } else if(event.key === "/") {
+ event.preventDefault();
+ return;
+ }
+ }}
+
+ onPaste={event => {
+ const input = event.currentTarget;
+ setTimeout(() => {
+ input.value = input.value.replace("/", "");
+ });
+ }}
+
+ draggable={false}
+ />;
+ } else {
+ name = {
+ if(props.file.virtual || props.file.mode === "creating" || props.file.mode === "uploading")
+ return;
+
+ if(!ppt.key_pressed(SpecialKey.SHIFT))
+ return;
+
+ event.stopPropagation();
+ props.events.fire("action_select_files", { mode: "exclusive", files: [{ name: props.file.name, type: props.file.type }]});
+ props.events.fire("action_start_rename", {
+ path: props.path,
+ name: props.file.name
+ });
+ }}>{fileName};
+ }
+
+ props.events.reactUse("action_start_rename", event => setEditing(event.name === props.file.name && event.path === props.path));
+ props.events.reactUse("action_rename_file_result", event => {
+ if(event.oldPath !== props.path || event.oldName !== props.file.name)
+ return;
+
+ if(event.status === "no-changes")
+ return;
+
+ if(event.status === "success") {
+ props.file.name = event.newName;
+ } else {
+ setFileName(props.file.name);
+ if(event.status === "timeout") {
+ createErrorModal(tr("Failed to rename file"), tra("Failed to rename file.{:br:}Action resulted in a timeout.")).open();
+ } else {
+ createErrorModal(tr("Failed to rename file"), tra("Failed to rename file:{:br:}{0}", event.error)).open();
+ }
+ }
+ });
+ useEffect(() => {
+ refInput.current?.focus();
+ });
+
+ return <>{icon} {name};
+};
+
+const FileSize = (props: { path: string, events: Registry
+
+
+ );
+};
+
+const FileListEntry = (props: { row: TableRow