hunk.code_window:                     assertThat(getUnpublishedActionName(data.actions)).containsExactlyInAnyOrder(
                               "newPageAction",
                               "action1",
                               "action3",
                               "run"
                       );
                       assertThat(data.actionCollections).hasSize(1);
                       assertThat(data.actionCollections.get(0).getDefaultToBranchedActionIdsMap()).hasSize(1);
  
hunk.labels: keep keep keep replace replace keep keep keep
hunk.after_edit:                             "action3"
  
hunk.file_path: app/server/appsmith-server/src/test/java/com/appsmith/server/solutions/ExamplesOrganizationClonerTests.java
hunk.type: replace
file: import React from "react";
  
  import styled from "styled-components";
  import { noop } from "lodash";
  
  import { CommonComponentProps } from "components/ads/common";
  import EditableTextSubComponent from "components/ads/EditableTextSubComponent";
  import {
    EditInteractionKind,
    SavingState,
    UNFILLED_WIDTH,
  } from "components/ads/EditableText";
  
  export type EditableAppNameProps = CommonComponentProps & {
    defaultValue: string;
    placeholder?: string;
    editInteractionKind: EditInteractionKind;
    defaultSavingState: SavingState;
    onClick?: typeof noop;
    onBlur?: (value: string) => void;
    isEditingDefault?: boolean;
    inputValidation?: (value: string) => string | boolean;
    hideEditIcon?: boolean;
    fill?: boolean;
    isError?: boolean;
    isEditing: boolean;
    setIsEditing: typeof noop;
    isInvalid: string | boolean;
    setIsInvalid: typeof noop;
    savingState: SavingState;
    setSavingState: typeof noop;
  };
  
  export const EditableAppNameWrapper = styled.div<{
    filled: boolean;
  }>`
    ${(props) =>
      !props.filled
        ? `
      width: ${UNFILLED_WIDTH}px;
    `
        : `
      width: 100%;
      flex: 1;
      max-width: ${UNFILLED_WIDTH}px;
    `}
    .error-message {
      margin-left: ${(props) => props.theme.spaces[5]}px;
      color: ${(props) => props.theme.colors.danger.main};
    }
  `;
  
  export function EditableAppName(props: EditableAppNameProps) {
    const { isEditing, onClick, savingState, setSavingState, ...others } = props;
  
    const nonEditMode = () => {
      if (!isEditing && savingState === SavingState.SUCCESS) {
        setSavingState(SavingState.NOT_STARTED);
      }
    };
  
    return (
      <EditableAppNameWrapper
        filled={!!props.fill}
        onClick={onClick}
        onMouseEnter={nonEditMode}
      >
        <EditableTextSubComponent
          isEditing={isEditing}
          savingState={savingState}
          setSavingState={setSavingState}
          underline={false}
          {...others}
        />
      </EditableAppNameWrapper>
    );
  }
  
  export default EditableAppName;
  